table表格td設(shè)置寬度后文字太多導(dǎo)致自動(dòng)換行或不換行，這是一個(gè)很常見的問題，或許很多的網(wǎng)友已經(jīng)有了好的解決方法，如果依然有童鞋們不會(huì)的，可以參考下本文，可能會(huì)有意外的收獲。

 

設(shè)置table 的 style="table-layout:fixed;"，然后找到需要強(qiáng)制換行的單元格，設(shè)置td的 style="word-wrap:break-word;word-break:break-all;"，即可對此單元格中填寫的內(nèi)容顯示時(shí)強(qiáng)制換行。

 

 

td是否自動(dòng)換行與寬度無關(guān)，換句話說你改變table的寬度，并不影響td是否換行的屬性。

一般情況下?lián)Q行與文本有關(guān)，例如一般英語不允許單詞換行，但是可以使用下面的CSS屬性改變他們：

word-wrap : normal │ break-word
參數(shù)：
normal : 　允許內(nèi)容頂開指定的容器邊界
break-word : 　內(nèi)容將在邊界內(nèi)換行。如果需要，詞內(nèi)換行（word-break）也行發(fā)生

word-break : normal │ break-all │ keep-all
參數(shù)：
normal :
　依照亞洲語言和非亞洲語言的文本規(guī)則，允許在字內(nèi)換行
break-all :
　該行為與亞洲語言的normal相同。也允許非亞洲語言文本行的任意字內(nèi)斷開。該值適合包含一些非亞洲文本的亞洲文本
keep-all :
　與所有非亞洲語言的normal相同。對于中文，韓文，日文，不允許字?jǐn)嚅_。適合包含少量亞洲文本的非亞洲文本
說明：
設(shè)置或檢索對象內(nèi)文本的字內(nèi)換行行為，尤其在出現(xiàn)多種語言時(shí)。
對于中文，應(yīng)該使用break-all 。
對應(yīng)的腳本特性為wordBreak。請參閱我編寫的其他書目。

white-space : normal │ pre │nowrap
參數(shù)：
normal :　默認(rèn)處理方式
pre : 　用等寬字體顯示預(yù)先格式化的文本。不合并字間的空白距離和進(jìn)行兩端對齊。參閱pre對象
nowrap : 　強(qiáng)制在同一行內(nèi)顯示所有文本，直到文本結(jié)束或者遭遇br對象。

參閱td，div等對象的nowrap屬性（特性）