css自動換行

 

方法一：首先固定表格寬度，即給表格一個寬度值（數值，非百分比）  

 

 

方法二：強制不換行

　　div{//white-space：不換行;normal 默認;nowrap強制在同一行內顯示全部文本，直到文本結束或者遭遇 br 對象white-space:nowrap; }

 

 

方法三：自動換行

　　div{ word-wrap: break-word; //word-break設置強行換行;normal 亞洲語言和非亞洲語言的文本規則，容許在字內換行word-break: normal; }

 

 

方法四：強制英文單詞斷行

　　div{word-break:break-all;}

注：

在CSS中定義以下句子，可防止網頁「被撐開」了：

 

 

 

　　table{table-layout: fixed;}td(word-break: break-all; word-wrap:break-word;)

 

 

防止表格/層被「撐開」，同時保證分行時單個英文單詞不會被拆開：

　　table { table-layout: fixed;word-wrap:break-word;}

　　div { word-wrap:break-word;}