Only two lines are displayed, and the excess part is displayed with Ellipsis

Some methods on the Internet have great effects , But this can be done

.line {

word-break: break-all;

text-overflow: ellipsis;/* Excess ellipsis */

display: -webkit-box;/* Display the object as an elastic expansion box model . */

-webkit-box-orient: vertical;/* Arrange children vertically from top to bottom （ Set the sub element arrangement of the expansion box ） */

-webkit-line-clamp: 2;/* Number of lines displayed */

overflow: hidden; /* To hide beyond */

}