Text Blank, overflow ellipsis

overflow: Text Overflow set

hidden beyond Hide

scroll to scroll beyond (scrolling mechanism when there are not exceeded)

auto scroll (adaptation, there will be no scrolling mechanism when not exceeded) is exceeded

inherit inherit the parent's overflow settings

white-space: text blank

normal defaults

pre retain all formatting, and will not be forced to wrap

pre-wrap all formatting preserved, but will be forced to wrap

nowrap wrap is not mandatory, but can not afford to dry br tag

text-overflow: ellipsis text;

 clip cut

ellipsis ellipsis

 

Want to display ellipses tetralogy:
1: Set element width, and content sufficient
2: white-sapce: nowrap; wrap is not mandatory;
. 3: overflow: hidden; hidden exceeded;
. 4: text-overflow: ellipsis; into ellipses;
Note : only valid for a single line of text

Guess you like

Origin www.cnblogs.com/strongerPian/p/12422545.html