包含长字符串的列的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; }