CSS網頁布局強制換行和強制不換行的屬性講解

2024-07-11 08:42:58

字體：大中小

來源：轉載

供稿：網友

　　在CSS網頁布局中，常常會遇到這樣的問題，強制文字換行，而不是在一行內顯示撐開容器影響布局。而有些時候可能會強制內容不換行，多出的部分隱藏掉即可，關于強制不換行與強制換行的一些CSS屬性WEBJX.com作一些整理，希望能給大家的工作和學習提供參考。
　　先了解以下幾個屬性：
強制不換行
p.www_jb51_com{
　　white-space:nowrap;
　　}
自動換行
p.www_jb51_com{
　　word-wrap:break-word;
　　word-break:normal;
　　}
強制英文單詞斷行
p.www_jb51_com{
　　word-break:break-all;
　　}
CSS設置不換行：
　　overflow:hidden溢出隱藏
　　white-space:nowrap不換行
　　pre換行和其他空白字符都將受到保護
　　nowrap強制在同一行內顯示所有文本，直到文本結束或者遭遇br對象
CSS設置強制換行：
　　word-break:break-all強制斷開實現轉行
　　normal;依照亞洲語言和非亞洲語言的文本規則，允許在字內換行
　　break-all:該行為與亞洲語言的normal相同。也允許非亞洲語言文本行的任意字內斷開。該值適合包含一些非亞洲文本的亞洲文本
　　keep-all:與所有非亞洲語言的normal相同。對于中文，韓文，日文，不允許字斷開。適合包含少量亞洲文本的非亞洲文本與之間的高度解決辦法
　　設置或檢索對象內文本的字內換行行為。尤其在出現多種語言時。對于中文，應該使用break-all。

上一篇：CSS教程：div設置float后高度不自動增加

下一篇：對話閑聊DIV CSS與WEB標準