"CSS Notes" makes the text appear on one line, and the outside part is displayed with an ellipsis

CSS code:

Text-overflow:ellipsis;

Overflow:hidden;

White-space:nowrap;

Description

Text-overflow: Used to set whether to use an ellipsis tag (... ) indicates an overflow of text within the object.

white-space:nowrap; Force text to appear on one line.

Overflow:hidden; overflow content is hidden.

It must be used at the same time. Overflow text display ellipsis

Attached: Multi-line Display method:

Overflow:hidden;
Text-overflow:ellipsis;
Display:-webkit-box;
-webkit-line-clamp:2;//Settings display several lines
-webkit-box-orient:vertical;

"CSS Notes" makes the text appear on one line, and the outside part is displayed with an ellipsis