Implementation of force-breaking when CSS does not wrap

Force do not wrap

Div {
White-space: nowrap;
}

Automatic line feed

Div {
Word-wrap: Break-word;
Word-break: normal;
}

Force an English word to break a line

Div {
Word-break: Break-all;
}

CSS settings do not change rows:

Overflow: hidden hide
White-space: normal default
Pre line breaks and other blank characters will be protected
Nowrap forces all text to be displayed in the same row until the text ends or encounters a br object

Set forced line feed:
Word-break:
Normal. line breaks are allowed according to the text rules of the Asian and non-Asian languages.
Break-ALL: this behavior is the same as that of the Asian language normal. It also allows non-Asian text lines to be broken in any word. This value is applicable to Asian texts that contain non-Asian texts.
Keep-ALL: same as normal in all non-Asian languages. Chinese, Korean, and Japanese cannot be disconnected. This solution is suitable for non-Asian texts that contain a small number of Asian texts.

English without line breaks

Add word-break: Break-all in CSS to solve the problem. This problem is only available in IE. In FF test, FF can add a scroll bar by itself, which does not affect the effect.

When skin is recommended, remember to add word-break: Break-all to the body to solve the problem that the IE framework is opened in English.

The following references the description of word-break. Note that word-break is a private attribute of ie5 +.

Syntax:

Word-break: normal | break-All | keep-all

Parameters:

Normal: line breaks are allowed according to the text rules of the Asian and non-Asian languages.
Break-ALL: this behavior is the same as that of the Asian language normal. It also allows non-Asian text lines to be broken in any word. This value is applicable to Asian texts that contain non-Asian texts.
Keep-ALL: same as normal in all non-Asian languages. Chinese, Korean, and Japanese cannot be disconnected. Suitable for non-Asian texts that contain a small number of Asian texts

Note:

Set or retrieve the line feed behavior of text in an object. Especially when there are multiple languages.
Use break-all for Chinese characters.
The corresponding script feature is wordbreak. For more information, see my other bibliography.

Example:

Div {word-break: Break-all ;}