更新时间:2014年6月20日

colgroup元素(列集合)

<colgroup>~</colgroup>

colgroup元素用于表示表格内1个以上列的集合。

colgroup元素中只能放col元素。如果没有col元素,可以使用span内容属性进行指定。使用span内容属性只能指定比0大的整数。要避免仅仅为了外观才使用colgroup元素,使用时要带有一定的含义。

使用例

<table border="1">

<caption>列集合的使用</caption>

<colgroup span="1" class="g1"></colgroup>

<colgroup span="2" class="g2"></colgroup>

<colgroup span="2" class="g3"></colgroup>

<thead>

<tr>

<th>集合A</th>

<th colspan="2">集合B</th>

<th colspan="2">集合C</th>

</tr>

</thead>

<tbody>

<tr>

<td>集合A</td>

<td>集合B</td><td>集合B</td>

<td>集合C</td><td>集合C</td>

</tr>

<tr>

<td>集合A</td>

<td>集合B</td><td>集合B</td>

<td>集合C</td><td>集合C</td>

</tr>

<tr>

<td>集合A</td>

<td>集合B</td><td>集合B</td>

<td>集合C</td><td>集合C</td>

</tr>

</tbody>

</table>

浏览器上的显示结果↓

列集合的使用
集合A 集合B 集合C
集合A 集合B集合B 集合C集合C
集合A 集合B集合B 集合C集合C
集合A 集合B集合B 集合C集合C

浏览器支持情况

元素
colgroup yes yes yes yes yes