HTML <colgroup> 标签的 span 属性

HTML <colgroup> 标签

实例

两个 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 设置列组应该横跨的列数。

HTML <colgroup> 标签

VUE