HTML <colgroup> 标签的 span 属性

实例

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

  1. <table width="100%" border="1">
  2. <colgroup span="2" align="left"></colgroup>
  3. <colgroup align="right" style="color:#0000FF;"></colgroup>
  4. <tr>
  5. <th>ISBN</th>
  6. <th>Title</th>
  7. <th>Price</th>
  8. </tr>
  9. <tr>
  10. <td>3476896</td>
  11. <td>My first HTML</td>
  12. <td>$53</td>
  13. </tr>
  14. </table>

定义和用法

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

详细解释

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

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

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

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

浏览器支持

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

语法

  1. <colgroup span="value">

属性值

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