CSS實現(xiàn)強制換行的解決方法
| 值 | 描述 |
|---|---|
| normal | 默認(rèn)?？瞻讜粸g覽器忽略。 |
| pre | 空白會被瀏覽器保留。其行為方式類似 html 中的 標(biāo)簽。 |
| nowrap | 文本不會換行，文本會在在同一行上繼續(xù)，直到遇到 標(biāo)簽為止。 |
| pre-wrap | 保留空白符序列，但是正常地進(jìn)行換行。 |
| pre-line | 合并空白符序列，但是保留換行符。 |
| inherit | 規(guī)定應(yīng)該從父元素繼承 white-space 屬性的值。 |
1、強制不換行
div{white-space:nowrap;}
2、自動換行
div{word-wrap: break-word;word-break: normal;}
3、強制英文單詞斷行
div{word-break:break-all;}
4、css設(shè)置不轉(zhuǎn)行
overflow:hidden 隱藏
white-space：normal 默認(rèn)
pre 換行和其他空白字符都將受到保護(hù)
nowrap 強制在同一行內(nèi)顯示所有文本，直到文本結(jié)束或者遭遇 br 對象
5、設(shè)置強行換行
word-break:
normal ; 依照亞洲語言和非亞洲語言的文本規(guī)則，允許在字內(nèi)換行
break-all : 該行為與亞洲語言的normal相同。也允許非亞洲語言文本行的任意字內(nèi)斷開。該值適合包含一些非亞洲文本的亞洲文本
keep-all : 與所有非亞洲語言的normal相同。對于中文，韓文，日文，不允許字?jǐn)嚅_。適合包含少量亞洲文本的非亞洲文本與之間的高度解決辦法。
英文不換行
參數(shù)：normal :
評論
圖片
表情