How to display multiple lines in CSS and hide them

Display multiple lines and hide redundant lines

  font-size: 24rpx;
    width: 400rpx;
    white-space: normal;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    /* 行数 */
    -webkit-line-clamp: 2;      
    overflow: hidden;