table表格td設(shè)置寬度后文字太多時(shí)如何強(qiáng)制自動(dòng)換行
table表格td設(shè)置寬度后文字太多導(dǎo)致自動(dòng)換行或不換行，這是一個(gè)很常見(jiàn)的問(wèn)題，或許很多的網(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;"，即可對(duì)此單元格中填寫(xiě)的內(nèi)容顯示時(shí)強(qiáng)制換行。
其他帖子：
td是否自動(dòng)換行與寬度無(wú)關(guān)，換句話說(shuō)你改變table的寬度，并不影響td是否換行的屬性。
一般情況下?lián)Q行與文本有關(guān)，例如一般英語(yǔ)不允許單詞換行，但是可以使用下面的CSS屬性改變他們： word-wrap : normal │ break-word 參數(shù)： normal : 允許內(nèi)容頂開(kāi)指定的容器邊界 break-word : 內(nèi)容將在邊界內(nèi)換行。如果需要，詞內(nèi)換行（word-break）也行發(fā)生 word-break : normal │ break-all │ keep-all 參數(shù)： normal : 依照亞洲語(yǔ)言和非亞洲語(yǔ)言的文本規(guī)則，允許在字內(nèi)換行 break-all : 該行為與亞洲語(yǔ)言的normal相同。也允許非亞洲語(yǔ)言文本行的任意字內(nèi)斷開(kāi)。該值適合包含一些非亞洲文本的亞洲文本 keep-all : 與所有非亞洲語(yǔ)言的normal相同。對(duì)于中文，韓文，日文，不允許字?jǐn)嚅_(kāi)。適合包含少量亞洲文本的非亞洲文本 說(shuō)明： 設(shè)置或檢索對(duì)象內(nèi)文本的字內(nèi)換行行為，尤其在出現(xiàn)多種語(yǔ)言時(shí)。 對(duì)于中文，應(yīng)該使用break-all 。 對(duì)應(yīng)的腳本特性為wordBreak。請(qǐng)參閱我編寫(xiě)的其他書(shū)目。 white-space : normal │ pre │nowrap 參數(shù)： normal : 默認(rèn)處理方式 pre : 用等寬字體顯示預(yù)先格式化的文本。不合并字間的空白距離和進(jìn)行兩端對(duì)齊。參閱pre對(duì)象 nowrap : 強(qiáng)制在同一行內(nèi)顯示所有文本，直到文本結(jié)束或者遭遇br對(duì)象。 參閱td，div等對(duì)象的nowrap屬性（特性）
我在td上這樣寫(xiě)的td{word-break: break-all; word-wrap:break-word;}不起作用，除非我我加上這句table{table-layout: fixed;} 才起作用，但是我加上這句后我的table的100%就不起作用了。 你現(xiàn)在TD不換行、導(dǎo)致TABLE超過(guò)了嗎，內(nèi)容是中文還是英文、圖片，你方便對(duì)效果拷屏、粘貼相關(guān)代碼嗎？ 中文會(huì)自動(dòng)換行，英文不會(huì)，但是我對(duì)此頁(yè)面的CSS加上下面這兩句就能自動(dòng)換行了：
td{word-break: break-all; word-wrap:break-word;}
table{table-layout: fixed;}
我對(duì)table只設(shè)置了寬百分百，td沒(méi)設(shè)置寬，如果不加這兩句，它就會(huì)把table撐開(kāi)。 該文章在 2021/8/28 12:00:19 編輯過(guò) |
關(guān)鍵字查詢(xún)
相關(guān)文章
正在查詢(xún)... 
|
400 186 1886
