Css implements forced line breaks, automatic line breaks, and forced line breaks

Force do not wrap div {white-space: nowrap;} auto wrap div {word-wrap: break-word; word-break: normal ;} force the English word to break the line div {word-break: break-all;} CSS settings do not rotate the line: overf 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 ;}
If you want IE6 compatibility: div {WORD-WRAP: break-word; word-break: break-all ;}