CSS word-break Property

The word-break property controls the line breaking behavior within words. It is especially useful in cases where multiple languages are used within an element.

Formal syntax: normal | keep-all | break-all 

word-break: normal;
word-break: keep-all;
word-break: break-all;

• normalWords break according to their usual rules.
• keep-allImplicit soft wrap opportunities between letters are suppressed, i.e. breaks are prohibited between pairs of letters (except where opportunities exist due to dictionary-based breaking). Otherwise this option is equivalent to normal. In this style, sequences of CJK characters do not break.
• break-allIn addition to normal soft wrap opportunities, lines may break between any two letters (except where forbidden by the line-break property). Hyphenation is not applied. This option is used mostly in a context where the text is predominantly using CJK characters with few non-CJK excerpts and it is desired that the text be better distributed on each line.

.class {
   word-break: keep-all;
}

15+

6+

1+

3+

no

• Share on Facebook
• Share on Twitter
• Share on Google+