HTML <colgroup> 标签的 align 属性 详解
HTML基础 2022-06-02 11:59:39小码哥的IT人生shichen
HTML <colgroup> 标签的 align 属性
实例
两个 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>
完整实例【亲自试一试】：
<html>
<body>
<table width="100%" border="1">
<colgroup span="2" align="left"></colgroup>
<colgroup align="right"></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>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
定义和用法
span 属性规定列组应该横跨的列数。
详细解释
在 <colgroup> 标签中使用 span，可获得第一个列组的类型。span 属性的值是 <colgroup> 标签能够影响到的列数。
例如，有 6 列的一个表格，第一组有 4 列，第二组有 2 列，这样的表格在源码上如下所示：
<colgroup span="4"></colgroup>
<colgroup span="2"></colgroup>
浏览器在用例子中的代码将表格单元格合成列时，它会将每行前四个单元格合成第一个列组，将接下来的两个单元格合成第二个列组。这样，<colgroup> 标签的其他属性就可以用于该列组包含的列中了。
浏览器支持
所有浏览器都支持 span 属性。
语法
<colgroup span="value">
属性值
| 值 | 描述 |
|---|---|
| number | 设置列组应该横跨的列数。 |
