table表格td設(shè)置寬度后文字太多時(shí)如何強(qiáng)制自動換行
table表格td設(shè)置寬度后文字太多導(dǎo)致自動換行或不換行，這是一個(gè)很常見的問題，或許很多的網(wǎng)友已經(jīng)有了好的解決方法，如果依然有童鞋們不會的，可以參考下本文，可能會有意外的收獲。
設(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是否自動換行與寬度無關(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屬性（特性）
我在td上這樣寫的td{word-break: break-all; word-wrap:break-word;}不起作用，除非我我加上這句table{table-layout: fixed;} 才起作用，但是我加上這句后我的table的100%就不起作用了。 你現(xiàn)在TD不換行、導(dǎo)致TABLE超過了嗎，內(nèi)容是中文還是英文、圖片，你方便對效果拷屏、粘貼相關(guān)代碼嗎？ 中文會自動換行，英文不會，但是我對此頁面的CSS加上下面這兩句就能自動換行了：
td{word-break: break-all; word-wrap:break-word;}
table{table-layout: fixed;}
我對table只設(shè)置了寬百分百，td沒設(shè)置寬，如果不加這兩句，它就會把table撐開。 該文章在 2021/8/28 12:00:19 編輯過 |
關(guān)鍵字查詢
相關(guān)文章
正在查詢... 
|
400 186 1886
