包含长字符串的列的CSS表对齐问题

Question

我遇到了问题：我的桌子显示完美而没有“分隔符”行。这个行服务器将我的表的两个部分分开。此行中的列（colspan = 2）包含一个描述其下方表格部分的长字符串。不幸的是，这个长字符串的存在导致表的其余部分变得不对齐。在调整表格大小时，如何告诉表格有效地忽略此列，或者我该如何解决问题呢？

Answer 1

使用colgroup和col标记（以这种方式设置列宽）。然后将table-layout: fixed;添加到表格的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; }