HTML | DOM ColumnGroup span 属性

介绍

在 HTML 的表格中，通过 <colgroup> 标签可以定义一组列（column）的属性。其中，<col> 标签用于定义实际的列。<col> 标签可以添加 span 属性，用于指定该列跨越的列数。

语法

<col span="number">

其中，number 代表了当前列需要跨越的列数。

示例

<table>
  <colgroup>
    <col span="2">
    <col>
    <col span="3">
  </colgroup>
  <tr>
    <td>1</td>
    <td>2</td>
    <td>3</td>
    <td>4</td>
    <td>5</td>
    <td>6</td>
  </tr>
</table>

在上面的示例中，我们定义了一个 <colgroup> 包含了三个 <col> 标签。其中，第一个 <col> 标签的 span 属性为 2，表示该列需要横跨两列，第二个 <col> 标签的 span 属性为 1，表示该列只需要横跨一列，第三个 <col> 标签的 span 属性为 3，表示该列需要横跨三列。

注意事项

• <col> 标签不能包含任何内容，也无法被点击和选中。
• span 属性仅仅是用于跨行，而不支持跨行和跨列。
• 如果有多个 <col> 标签需要跨越相同的列数，可以使用逗号分隔，例如 <col span="3,3,3">。