HTML <col> 标签的 align 属性 详解
HTML基础 2023-07-12 15:22:45小码哥的IT人生shichen
HTML <col> 标签的 align 属性
实例
在下面的例子中，col 元素为表格中的三个列规定了不同的对齐方式：
<table width="100%" border="1">
<col align="left" />
<col align="left" />
<col align="right" />
<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 align="left" />
<col align="left" />
<col align="right" />
<tr>
<th>ISBN</th>
<th>Title</th>
<th>Price</th>
</tr>
<tr>
<td>3476896</td>
<td>My first HTML</td>
<td>$53</td>
</tr>
<tr>
<td>2489604</td>
<td>My first CSS</td>
<td>$47</td>
</tr>
</table>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
定义和用法
align 属性规定与 col 元素相关的内容的水平对齐方式。
浏览器支持
只有 Internet Explorer 和 Opera 支持 align 属性。
注释：IE 无法正确地处理 "justify" 值，IE 会以居中的方式进行处理。
注释：几乎没有浏览器能够正确地处理 "char" 值。
语法
<col align="value">
属性值
| 值 | 描述 |
|---|---|
| left | 左对齐内容（默认值）。 |
| right | 右对齐内容。 |
| center | 居中对齐内容（th 元素的默认值）。 |
| justify | 对行进行伸展，这样每行都可以有相等的长度（就像在报纸和杂志中）。 |
| char | 将内容对准指定字符。 |
