【CSS3】-text-overflow 与 word-wrap_html/css_WEB-ITnose

text-overflow is used to set whether to use an omission mark (...) mark Overflow of text within an object.

Grammar:

But text-overflow is only used to explain how to display text when it overflows. To achieve overflow, is generated For the effect of the ellipsis , you must also define to force the text to be displayed in one line (white-space:nowrap) and overflow content to be hidden (overflow:hidden). Only in this way can it be achieved The overflow text displays the effect of ellipsis , the code is as follows:

text-overflow:ellipsis; //显示省略标记overflow:hidden; //溢出内容为隐藏white-space:nowrap; //强制文本再一行内显示

At the same time, word-wrap can also be used to set Text behavior , whether to break and break when the current line exceeds the boundary of the specified container.

Syntax:

normal is the browser default value, break-word is set in long word or URL address should be wrapped inside. This attribute is not commonly used. Just use the browser default value.

》》》》》》》》》》》》》》 Multi-line text displays the ellipses """""""""""