HTML <col> 标签的 span 属性 详解
HTML基础 2022-06-02 11:59:35小码哥的IT人生shichen
HTML <col> 标签的 span 属性
实例
在下面的例子中，所有这三列都是居中对齐，因为 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>
完整实例【亲自试一试】：
<html>
<body>
<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>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
定义和用法
span 属性规定 col 元素应该横跨的列数。
详细解释
<col> 标签，如同 <colgroup> 标签中的 span 属性一样，允许设置设置 <col> 标签能够影响多少列。
在默认情况下，它只能影响一列。举个例子，创建一个有 5 列的 <colgroup>。我们分别将第一列和最后一列靠左和靠右对齐，中间的三列居中。
<colgroup>
<col align="left" />
<col align="center" span="3" />
<col align="right" />
</colgroup>浏览器支持
所有浏览器都支持 span 属性。
语法
<col span="value">
属性值
| 值 | 描述 |
|---|---|
| number | 设置 col 元素应该横跨的列数。 |
