Text overflow display ellipsis

Width: A property that must be combined
Display:-webkit-box; You must combine the properties to display the object as an elastic telescopic box model.
Overflow:hidden; attributes that must be combined
Text-overflow:ellipsis; You can use the ellipsis "..." to hide out-of-range text in the case of multiple lines of text.
-webkit-line-clamp:2; Control.. Displayed in the first few lines
-webkit-box-orient:vertical; You must combine properties to set or retrieve the arrangement of child elements of a telescopic box object.
White-space:nowrap: The text does not wrap, meaning that only one line is displayed.

Text overflow display ellipsis