CSS有关文字的属性：white-space，text-overflow，word-wrap

white-space

This is a div with white-space normal

A very, very, very, very, very, very, very, very, very long text

This is a div with white-space nowrap

A very, very, very, very, very, very, very, very, very long text

This is a div with NOBR

A very, very, very, very, very, very, very, very, very long text

w3school white-space
Value	Description
normal	Sequences of whitespace will collapse into a single whitespace. Text will wrap when necessary. This is default
nowrap	Sequences of whitespace will collapse into a single whitespace. Text will never wrap to the next line. The text continues on the same line until a <br /> tag is encountered
pre	Whitespace is preserved by the browser. Text will only wrap on line breaks Acts like the <pre> tag in HTML
pre-line	Sequences of whitespace will collapse into a single whitespace. Text will wrap when necessary, and on line breaks
pre-wrap	Whitespace is preserved by the browser. Text will wrap when necessary, and on line breaks
inherit	Specifies that the value of the white-space property should be inherited from the parent element

text-overflow

This is a div without text overflow

A very, very, very, very, very, very, very, very, very long text

This is a div text overflow: ellipsis. for internet explorer, must use together with white-space

A very, very, very, very, very, very, very, very, very long text

This is a div text overflow: for Firefox using -moz-binding

A very, very, very, very, very, very, very, very, very long text

This is a div text overflow: for Firefox Safari using presudo CSS :after

A very, very, very, very, very, very, very, very, very long text

word-wrap

This is a div text without word-wrap

thisisaveryverylongwordthisisaveryverylongword

This is a div text word-wrap:break-word

thisisaveryverylongwordthisisaveryverylongword