CSS mandatory English, Chinese word wrapping and non-newline force English line break

1. Word-break:break-all; only works on English, with the letter as the line of change according to 2. Word-wrap:break-word; Only works in English, with the word as the line of change according to 3. White-space:pre-wrap; Only works on Chinese, forcing line 4. White-space:nowrap; Force no line break, all functions 5. White-space:nowrap; Overflow:hidden; Text-overflow:ellipsis, non-wrapping, partially hidden and appearing as ellipses (partial browser support) code:. p1{word-break:break-all; width:150px;} /* only works on English, with letters as the basis for line */.p2{Word-wrap:break-word; width:150px;} /*--only works in English, with words as the basis for line */.p3{white-space:pre-wrap; width:150px;} /* Only works on Chinese, forced line */.p4{white-space:nowrap; width:10px;} /* Force No Line break, all work */.p5{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:100px;} * Do not wrap, out of partially hidden and appear as ellipses */

Note that you must specify the width of the container, otherwise it is useless.

Note Word-break is a ie5+ proprietary property

Grammar:

Word-break:normal | Break-all | Keep-all

Parameters:

Normal: Allow line wrapping in words according to Asian and non-Asian language text rules

Break-all: The behavior is the same as in Asian languages. Also allows non-Asian-language text lines to be broken within any word. This value is appropriate for Asian text that contains some non-Asian text

Keep-all: Same as normal for all non-Asian languages. For Chinese, Korean, Japanese, word break is not allowed. Suitable for non-Asian texts containing small amounts of Asian text

Description

Sets or retrieves the word wrapping behavior of text within an object. Especially when multiple languages are present.

For Chinese, break-all should be used.

Note that compatibility with Firefox is mandatory for English line breaks:

<div style= "Word-wrap:break-word; White-space:normal; Word-break:break-all; width:150px; " > English Content </div>

CSS mandatory English, Chinese word wrapping and non-newline force English line break