列组

有时你可能希望将样式应用于列或列组。或者出于语义目的，你可能希望将列组合在一起。为此，请使用 <colgroup> 和 <col> 元素。

可选的 <colgroup> 标签允许你将列组合在一起。<colgroup> 元素必须是 <table> 的子元素，并且必须在任何 <caption> 元素之后和任何表格内容之前（例如，<tr>，<thead>，<tbody> 等）。

<table>
    <colgroup span="2"></colgroup>
    <colgroup span="2"></colgroup>
    ...
</table>

可选的 <col> 标记允许你引用单个列或一系列列，而无需应用逻辑分组。<col> 元素是可选的，但如果存在，它们必须位于 <colgroup> 元素内。

<table>
    <colgroup>
        <col id="MySpecialColumn" />
        <col />
    </colgroup>
    <colgroup>
        <col class="CoolColumn" />
        <col class="NeatColumn" span="2" />
    </colgroup>
    ...
</table>

以下 CSS 样式可以应用于 <colgroup> 和 <col> 元素：

• border

• background

• width

• visibility

• display（如在 display: none 中）

  • display: none; 实际上将从显示中删除列，导致表呈现为好像这些单元格不存在

有关更多信息，请参阅 HTML5 表格数据 。