更新时间:2014年6月20日

col元素(表格的列)

<col>~</col>

col元素用于表示列,只能在colgroup元素中使用。但是如果colgroup元素中已经有了span内容属性,就不能再使用col元素。

在col元素中指定span内容属性可以跨度多个列。col元素的span内容属性的值为要跨度的列数。

使用例

<table border="1">

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

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

<colgroup>

<col class="gb1">

<col class="gb2">

</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

浏览器支持情况

元素
col yes yes yes yes yes