Use CSS to force line breaks, automatic line breaks, and forced line breaks

We are writing the pageCodeWhen the width of a table is fixed, the text in the table may disappear, especially in English. This is caused by a line break. At this time, we need to add some CSS elements to let it listen to our words! Based on your past experience, I also referred to some onlineArticle, As follows: 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. ========================================================== ==== After reading the above introduction, please try it and see the effect! 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 ;}