設置table中的td一連串內容自動換行


遇到一長串字母撐出了td寬度,導致整個表格錯亂,如圖:

解決辦法:

第一:

table 加上css: table-layout: fixed;(此css屬性 表示 列寬由表格寬度和列寬度設定。不會因為內容而改變設定的寬高,而是會自適應外面的容器)。

第二:

td 加上css: word-wrap: break-word;(此css屬性表示  在長單詞或 URL 地址內部進行換行)。

效果如圖:

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM