HTML `<colgroup>` 标签

说明

<colgroup>（column group 的缩写）标签定义了一个表中的一组一个或多个列。 <colgroup> 元素只能在 <table> 元素内部、<caption> 元素之后和 <thead>, <th>, <tfoot>, <tbody>, <tr> 元素之前使用。

下表总结了此标签的使用上下文和版本历史。

Parent:	`<table>`
Content:	`0` 或更多 `<col>` 元素
开始/结束标签：	开始标签： required, 结束标签：required
版本：	HTML 4, 4.01, 5

语法

<colgroup> 标签的基本语法如下：

HTML / XHTML: <colgroup> ... </colgroup>

下面的示例显示了 <colgroup> 标签的作用。

示例

Try this code »

<table>
    <colgroup>
        <col style="background-color:#adff2f;">
        <col span="2" style="background-color:#f0e68c;">
    </colgroup>
    <tr>
        <th>No.</th>
        <th>Name</th>
        <th>Email</th>
    </tr>
    <tr>
        <td>1</td>
        <td>John Carter</td>
        <td>johncarter@mail.com</td>
    </tr>
    <tr>
        <td>2</td>
        <td>Peter Parker</td>
        <td>peterparker@mail.com</td>
    </tr>
    <tr>
        <td>3</td>
        <td>John Rambo</td>
        <td>johnrambo@mail.com</td>
    </tr>
</table>

标签特定属性

下表显示了特定于 <colgroup> 标签的属性。

属性	值	说明
`align`	`left right center justify char`	Obsolete 指定列组的每个单元格内内容的水平对齐方式。
`char`	character	Obsolete 设置列组中单元格内容应对齐的字符。
`charoff`	number	Obsolete 定义单元格内容将从 char 属性指定的对齐字符偏移的字符数。
`span`	length	指定列组中的列数。如果不存在，则其默认值为 1。不允许使用负值。
`valign`	`top middle bottom baseline`	Obsolete 指定列组的每个单元格内内容的垂直对齐方式。
`width`	length	Obsolete 为当前列组中的每一列指定默认宽度。

全局属性

与所有其他 HTML 标签一样， <colgroup> 标签支持 HTML5 中的全局属性。

事件属性

<colgroup> 标签还支持 HTML5 中的事件属性。

浏览器兼容性

所有主要的现代浏览器都支持 <colgroup> 标签。

基本支持—

Firefox 1+
Google Chrome 1+
Internet Explorer 4+
Apple Safari 1+
Opera 7+

进一步阅读

请参阅以下教程： HTML 表格.

HTML <colgroup> 标签

说明

语法

示例