列组

有时你可能希望将样式应用于列或列组。或者出于语义目的,你可能希望将列组合在一起。为此,请使用 <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 表格数据