align 屬性規(guī)定與 col 元素相關(guān)的內(nèi)容的水平對(duì)齊方式, <col>標(biāo)簽為 <colgroup>元素內(nèi)的每一列指定列屬性, <col>標(biāo)簽對(duì)于將樣式應(yīng)用于整個(gè)列很有用,而不是為每一行的每個(gè)單元格重復(fù)樣式。
使用<colgroup>和<col>標(biāo)記設(shè)置三列的背景色:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML <col> align 屬性使用-菜鳥教程(cainiaoplus.com)</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>測(cè)試看看 ?/?IEFirefoxOperaChromeSafari
只有 Opera 和 Internet Explorer 8 以及更早的IE版本支持 align屬性(IE9不支持該屬性)。
HTML5 不支持 <col> align 屬性。
align 屬性規(guī)定與 col 元素相關(guān)的內(nèi)容的水平對(duì)齊方式。
<col>標(biāo)記為<colgroup>元素內(nèi)的每一列指定列屬性 。
<col>標(biāo)記對(duì)于將樣式應(yīng)用于整個(gè)列很有用,而不是為每一行的每個(gè)單元格重復(fù)樣式。
<col align="left|right|center|justify|char">
| 值 | 描述 |
|---|---|
| left | 左對(duì)齊內(nèi)容(默認(rèn)值)。 |
| right | 右對(duì)齊內(nèi)容。 |
| center | 居中對(duì)齊內(nèi)容(th 元素的默認(rèn)值)。 |
| justify | 對(duì)行進(jìn)行伸展,這樣每行都可以有相等的長(zhǎng)度(就像在報(bào)紙和雜志中)。 |
| char | 將內(nèi)容對(duì)準(zhǔn)指定字符。 |