css自動換行

2016/10/19 8:41:17 閱讀：1784 發布者：1784

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

方法二：強制不換行

　　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;}