包含長字符串的列的CSS表對齊問題

Question

我遇到了一個問題：我的表完全沒有「分隔符」行顯示。此行服務器分隔我的表的兩個部分。該行中的列（colspan = 2）包含一個描述其下方表格部分的長字符串。不幸的是，這個長字符串的存在會導致表格的其他部分不對齊。如何在調整表格大小時讓表格有效地忽略此列，或者如何解決該問題？

Answer 1

使用colgroup和col標籤（設置列寬這種方式）。然後將添加到您桌子的CSS：

<table> 
    <colgroup> 
     <col style="width:25%" /> 
     <col style="width:25%" /> 
     <col style="width:25%" /> 
     <col style="width:25%" /> 
    </colgroup> 
    <thead> 
     <!-- thead stuff here --> 
    </thead> 
    <tbody> 
     <!-- tbody stuff here --> 
    </tbody> 
</table> 

table { table-layout: fixed; }