HTML tr 標(biāo)簽參考手冊(cè)HTML <tr> 標(biāo)簽

valign 屬性用來(lái)定義表格中的行應(yīng)該以哪種垂直方式對(duì)齊，比如，在下面的示例中，我們將表格中的第一行以垂直居中的方式對(duì)齊，而第二行實(shí)現(xiàn)了垂直下對(duì)齊：         

實(shí)例

帶有不同垂直對(duì)齊行的 HTML 表格：

<table border="1" style="height:200px">
  <tr valign="middle">
    <th>Month</th>
    <th>Savings</th>
  </tr>
  <tr valign="bottom">
    <td>January</td>
    <td>$100</td>
  </tr>
</table>

瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主流瀏覽器都支持 valign 屬性。

定義和用法

HTML5 不支持 <tr> valign 屬性。請(qǐng)使用 CSS 代替。

valign 屬性規(guī)定表格行中的內(nèi)容的垂直對(duì)齊方式。

語(yǔ)法

<tr 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)看下面的圖示。

當(dāng)文本的字號(hào)不同時(shí)，bottom vs. baseline 圖示：

bottomvalign="bottom"

baselinevalign="baseline"

HTML tr 標(biāo)簽參考手冊(cè)HTML <tr> 標(biāo)簽

相關(guān)文章

HTML DOM 參考手冊(cè)：HTML DOM tr vAlign 屬性