table固定寬度與自動寬度


  • table-layout:auto(創建的table默認是此布局模式):

table和td、th指定的寬度無效,瀏覽器會計算所有單元格的內容寬度才能得出一列寬度

如果想對單元格的內容自動折行需使用word-wrap:break-word;word-break:break-all;

  • Table-layout:fixed

如果只對table指定寬度,則各單元格的寬度=table寬度/單元格數量

如果單元格聲明的寬度總和大於table聲明的寬度,則table實際寬度為各單元格寬度總和

如果聲明的單元格寬度之和小於table寬度,則單元格的實際寬度為table寬度/單元格數量

  • 表格樣式

表格和單元格的寬度、cellspacing、cellpadding不要采用屬用方式,應使用css ,不然在html5文檔中無效, cellspacing-對應border-collapse


免責聲明!

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



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