HTML: <col> align 属性

由网友 大卫 发布 阅读 6

HTML: <col> align 属性

align 属性规定与 col 元素相关的内容的水平对齐方式, <col>标签为 <colgroup>元素内的每一列指定列属性, <col>标签对于将样式应用于整个列很有用,而不是为每一行的每个单元格重复样式。

 HTML <col> 标签

在线示例

使用<colgroup>和<col>标记设置三列的背景色:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML <col> align 属性使用-大卫编程网(div.cn)</title>
<style>table, th, td {  border: 1px solid black;}</style>
</head>
<body>
<table>
  <colgroup>
    <col span="2" style="background-color:red">
    <col style="background-color:yellow">
  </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>
  <tr>
    <td>5869207</td>
    <td>My first CSS</td>
    <td>$49</td>
  </tr>
</table>
</body>
</html>
测试看看 ‹/›

浏览器兼容性

IEFirefoxOperaChromeSafari

只有 Opera 和 Internet Explorer 8 以及更早的IE版本支持 align属性(IE9不支持该属性)。

定义和用法

HTML5 不支持 <col> align 属性。

align 属性规定与 col 元素相关的内容的水平对齐方式。

<col>标记为<colgroup>元素内的每一列指定列属性 。

<col>标记对于将样式应用于整个列很有用,而不是为每一行的每个单元格重复样式。

语法

<col align="left|right|center|justify|char">

属性值

描述
left左对齐内容(默认值)。
right右对齐内容。
center居中对齐内容(th 元素的默认值)。
justify对行进行伸展,这样每行都可以有相等的长度(就像在报纸和杂志中)。
char将内容对准指定字符。
 HTML <col> 标签

HTML: <col> char 属性 HTML canvas height 属性