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