HTML colgroup

概述

<colgroup> 元素是 HTML 表格中用于分组列的标签。<colgroup> 元素可以包含一个或多个 <col> 元素，用来设置列的格式。

标签结构

<colgroup> 标签可以作为 <table> 元素的子元素使用。它可以包含以下内容：

• <col> 标签：用于设置列的样式和属性。

例子

以下是一个简单的表格结构，使用了 <colgroup> 和 <col> 元素来设置列的宽度和背景颜色：

<table>
  <colgroup>
    <col style="width: 20%">
    <col style="width: 30%; background-color: lightblue">
    <col style="width: 50%">
  </colgroup>
  <tr>
    <th>列 1</th>
    <th>列 2</th>
    <th>列 3</th>
  </tr>
  <tr>
    <td>内容 1</td>
    <td>内容 2</td>
    <td>内容 3</td>
  </tr>
</table>

属性

<colgroup> 元素支持以下属性：

• span：指定 <colgroup> 元素跨越的列数。

注意事项

• <colgroup> 元素必须位于 <table> 元素的开头，紧接着是表格的 <caption> 元素（如果有的话）。
• <colgroup> 元素中的 <col> 元素必须紧跟在 <colgroup> 元素后面，不能包含其他元素。
• 如果 <colgroup> 元素没有设置宽度或样式，那么其中的 <col> 元素也会被忽略。

兼容性

<colgroup> 元素在所有主流的浏览器中得到支持，包括 Chrome、Firefox、Safari 和 Internet Explorer。

参考链接

• HTML Colgroup Element - MDN