반응형

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



반응형

+ Recent posts