CSS implements forced line breaks, automatic line breaks, and forced line breaks

Force do not wrap

Html code {
Dp. sh. Toolbar. CopyToClipboard (this); return false;
} "Title =" Copy code ">

1. Div {white-space: nowrap ;}

div { white-space:nowrap; }

Automatic line feed

Html code {
Dp. sh. Toolbar. CopyToClipboard (this); return false;
} "Title =" Copy code ">

1. Div {word-wrap: break-word; word-break: normal ;}

div { word-wrap: break-word; word-break: normal; }

Force an English word to break a line

Html code {
Dp. sh. Toolbar. CopyToClipboard (this); return false;
} "Title =" Copy code ">

1. Div {word-break: break-all ;}

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:

Reference 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:

Reference div {word-break: break-all ;}