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