CSS style text overflow display ellipsis

Originally thought that the text overflow processing is more complex, did not expect such a simple sentence to take care of, CSS is really magical:

. li {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

Now learn to want to understand the meaning of each specific attribute, in the mind, can be written out in the future.

The following properties are checked:

White-space:nowrap; Indicates that the text will not wrap, continue on the same line, until the <br> tag is encountered;

Overflow:hidden; do not display more than the object size of the content, is to put out the part of the hidden;

Text-overflow:ellipsis; When the text object overflow is displayed ... and of course, the Set property is not displayed for clip point points;