HTML <col> 标签

定义及使用说明

<col> 标签规定了 <colgroup> 元素内部的每一列的列属性。

通过使用 <col> 标签,可以向整个列应用样式,而不需要重复为每个单元格或每一行设置样式。

浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主流浏览器都支持 <col> 标签。

HTML 4.01 与 HTML5之间的差异

HTML5 中不再支持 HTML 4.01 中的大部分属性。

HTML 与 XHTML 之间的差异

在 HTML 中,<col> 标签没有结束标签。

在 XHTML 中,<col> 标签必须被正确的关闭。

属性值

属性 描述
align right
left
center
justify
char
规定与 col 元素相关的内容的水平对齐方式
char character 规定根据哪个字符来对齐与 col 元素相关的内容。
charoff number 规定第一个对齐字符的偏移量
span number 规定 col 元素应该横跨的列数
valign top
middle
bottom
baseline
定义与 col 元素相关的内容的垂直对齐方式
width pixels
%
relative_length
规定 col 元素的宽度。

实例

col 元素为表格中的三个列规定了不同的对齐方式:

<!DOCTYPE html>
<html lang='zh-cn'>
<head>
    <meta charset="utf-8">
	<title>HTML col 标签 xinbiancheng.cn</title>
</head>
<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>

输出:

ISBN Title Price
3476896 My first HTML $53
2489604 My first CSS $47

全局属性

<col> 标签支持 HTML 中的全局属性

事件属性

<col> 标签支持 HTML 中的事件属性