HTML <col> 标签的 span 属性

HTML <col> 标签HTML <col> 标签

span 属性规定 col 元素应该横跨的列数。

详细解释

<col> 标签，如同 <colgroup> 标签中的 span 属性一样，允许设置设置 <col> 标签能够影响多少列。

在默认情况下，它只能影响一列。举个例子，创建一个有 5 列的 <colgroup>。我们分别将第一列和最后一列靠左和靠右对齐，中间的三列居中。

<colgroup>
  <col align="left" />
  <col align="center" span="3" />
  <col align="right" />
</colgroup>

 

1. 语法

<col span="value">

属性值

值 描述
number 设置 col 元素应该横跨的列数。

 

2. 范例

在下面的例子中，所有这三列都是居中对齐，因为 col 元素横跨三列：

<table width="100%" border="1">
  <col span="3" align="center" />
  <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>

我要试一试

 

3. 浏览器支持

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

HTML <col> 标签HTML <col> 标签

HTML <col> 标签的 valign 属性：valign 属性规定与 col 元素相关的内容的垂直对齐方式。语法：<col valign="value">。top：对内容进行上对齐。middle：对内容进行居中对齐（默认值）。bottom：对内容进行下对齐。baseline：与基线对齐。