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 |