css是如何實現(xiàn)在頁面文字不換行、自動換行、強制換行的

強制不換行

div{white-space:nowrap;}

自動換行

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

強制英文單詞斷行

div{word-break:break-all;}

CSS設(shè)置不轉(zhuǎn)行:

overflow:hidden 隱藏

white-space:normal 默認

pre 換行和其他空白字符都將受到保護

nowrap 強制在同一行內(nèi)顯示所有文本,直到文本結(jié)束或者遭遇 br 對象

設(shè)置強行換行

word-break:

normal ; 依照亞洲語言和非亞洲語言的文本規(guī)則,允許在字內(nèi)換行

break-all :  該行為與亞洲語言的normal相同。也允許非亞洲語言文本行的任意字內(nèi)斷開。該值適合包含一些非亞洲文本的亞洲文本

keep-all :  與所有非亞洲語言的normal相同。對于中文,韓文,日文,不允許字斷開。適合包含少量亞洲文本的非亞洲文本與之間的高度解決辦法

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內(nèi)容