valign屬性指定與 <col>元素相關(guān)的內(nèi)容的垂直對(duì)齊方式,在線實(shí)例演示如何使用HTML col valign 屬性、瀏覽器的兼容性、語法定義及它的屬性值詳細(xì)資料等。
具有不同垂直對(duì)齊列的HTML表格:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML <col> valign 屬性使用-菜鳥教程(cainiaoplus.com)</title>
<style>table, th, td { border: 1px solid black;}</style>
</head>
<body>
<table style="height:200px">
<col>
<col valign="bottom">
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>
</body>
</html>測(cè)試看看 ?/?IEFirefoxOperaChromeSafari
只有Internet Explorer 和 Opera 支持 valign 屬性。 但是, IE 和 Opera 不支持值為 "baseline".
HTML5 不再支持 <col> valign 屬性。
align 屬性規(guī)定與 <col> 元素相關(guān)的內(nèi)容的垂直對(duì)齊方式。
<col valign="top|middle|bottom|baseline">
| 值 | 描述 |
|---|---|
| top | 對(duì)內(nèi)容進(jìn)行上對(duì)齊。 |
| middle | 對(duì)內(nèi)容進(jìn)行居中對(duì)齊(默認(rèn)值)。 |
| bottom | 對(duì)內(nèi)容進(jìn)行下對(duì)齊。 |
| baseline | 與基線對(duì)齊。 |
基線是一條虛構(gòu)的線。在一行文本中,大多數(shù)字母以基線為基準(zhǔn)。baseline 值設(shè)置行中的所有表格數(shù)據(jù)都分享相同的基線。該值的效果常常與 bottom 值相同。不過,如果文本的字號(hào)各不相同,那么 baseline 的效果會(huì)更好。請(qǐng)看下面的圖示:
valign="bottom"
valign="baseline"