Implement multi-line and single line of text will be omitted omitted

Overflow single line of text will be omitted (sometimes need to add width to the width property compatible with some browsers)

Implementation code

overflow: hidden;

text-overflow: ellipsis;

white-space: nowrap

 

Multiple lines of text overflow omitted -webkit-line-clamp controls the number of rows is

Implementation code

 

display: -webkit-box;

-webkit-box-orient: vertical;

-webkit-line-clamp: 2;

overflow: hidden;

text-overflow: ellipsis;