HTML <colgroup> 标签的 span 属性

实例

两个 colgroup 元素为表格中的三列规定了不同的对齐方式和样式(注意第一个 colgroup 元素横跨两列):

<table width="100%" border="1">
  <colgroup span="2" align="left"></colgroup>
  <colgroup align="right" style="color:#0000FF;"></colgroup>
  <tr>
    <th>ISBN</th>
    <th>Title</th>
    <th>Price</th>
  </tr>
  <tr>
    <td>3476896</td>
    <td>My first HTML</td>
    <td>$53</td>
  </tr>
</table>

亲自试一试

定义和用法

span 属性规定列组应该横跨的列数。

详细解释

在 <colgroup> 标签中使用 span,可获得第一个列组的类型。span 属性的值是 <colgroup> 标签能够影响到的列数。

例如,有 6 列的一个表格,第一组有 4 列,第二组有 2 列,这样的表格在源码上如下所示:

<colgroup span="4"></colgroup>
<colgroup span="2"></colgroup>

浏览器在用例子中的代码将表格单元格合成列时,它会将每行前四个单元格合成第一个列组,将接下来的两个单元格合成第二个列组。这样,<colgroup> 标签的其他属性就可以用于该列组包含的列中了。

浏览器支持

所有浏览器都支持 span 属性。

语法
<colgroup span="value">

属性值

描述
number 设置列组应该横跨的列数。