table表格td設置寬度后文字太多時如何強制自動換行
當前位置：點晴教程→點晴OA辦公管理信息系統
→『 經驗分享&問題答疑 』
table表格td設置寬度后文字太多導致自動換行或不換行，這是一個很常見的問題，或許很多的網友已經有了好的解決方法，如果依然有童鞋們不會的，可以參考下本文，可能會有意外的收獲。
設置table 的 style="table-layout:fixed;"，然后找到需要強制換行的單元格，設置td的 style="word-wrap:break-word;word-break:break-all;"，即可對此單元格中填寫的內容顯示時強制換行。
其他帖子：
td是否自動換行與寬度無關，換句話說你改變table的寬度，并不影響td是否換行的屬性。
一般情況下換行與文本有關，例如一般英語不允許單詞換行，但是可以使用下面的CSS屬性改變他們： word-wrap : normal │ break-word 參數： normal : 允許內容頂開指定的容器邊界 break-word : 內容將在邊界內換行。如果需要，詞內換行（word-break）也行發生 word-break : normal │ break-all │ keep-all 參數： normal : 依照亞洲語言和非亞洲語言的文本規則，允許在字內換行 break-all : 該行為與亞洲語言的normal相同。也允許非亞洲語言文本行的任意字內斷開。該值適合包含一些非亞洲文本的亞洲文本 keep-all : 與所有非亞洲語言的normal相同。對于中文，韓文，日文，不允許字斷開。適合包含少量亞洲文本的非亞洲文本 說明： 設置或檢索對象內文本的字內換行行為，尤其在出現多種語言時。 對于中文，應該使用break-all 。 對應的腳本特性為wordBreak。請參閱我編寫的其他書目。 white-space : normal │ pre │nowrap 參數： normal : 默認處理方式 pre : 用等寬字體顯示預先格式化的文本。不合并字間的空白距離和進行兩端對齊。參閱pre對象 nowrap : 強制在同一行內顯示所有文本，直到文本結束或者遭遇br對象。 參閱td，div等對象的nowrap屬性（特性）
我在td上這樣寫的td{word-break: break-all; word-wrap:break-word;}不起作用，除非我我加上這句table{table-layout: fixed;} 才起作用，但是我加上這句后我的table的100%就不起作用了。 你現在TD不換行、導致TABLE超過了嗎，內容是中文還是英文、圖片，你方便對效果拷屏、粘貼相關代碼嗎？ 中文會自動換行，英文不會，但是我對此頁面的CSS加上下面這兩句就能自動換行了：
td{word-break: break-all; word-wrap:break-word;}
table{table-layout: fixed;}
我對table只設置了寬百分百，td沒設置寬，如果不加這兩句，它就會把table撐開。 該文章在 2021/8/28 12:00:19 編輯過 |
關鍵字查詢
相關文章
正在查詢... 
|
400 186 1886
