[CSS] 텍스트 줄바꿈 처리 word-break, white-space

CSS3 word-break Property

Break words at an appropriate hyphenation point:

p.test {word-break:hyphenate;}

Syntax

word-break: normal|break-all|hyphenate;

Value	Description
normal	Breaks non-CJK scripts according to their own rules
break-all	Lines may break between any two characters for non-CJK scripts
hyphenate	Words may be broken at an appropriate hyphenation point

CSS white-space Property

Specify that the text in paragraphs will never wrap:

ex) http://www.w3schools.com/cssref/playit.asp?filename=playcss_white-space

p { white-space:nowrap; }

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