HTML tr 標簽參考手冊HTML <tr> 標簽

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

實例

帶有不同垂直對齊行的 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 Explorer Firefox Opera Google Chrome Safari

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

定義和用法

HTML5 不支持 <tr> valign 屬性。請使用 CSS 代替。

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

語法

<tr valign="top|middle|bottom|baseline">

屬性值

值 描述
top 對內(nèi)容進行上對齊。
middle 對內(nèi)容進行居中對齊（默認值）。
bottom 對內(nèi)容進行下對齊。
baseline 與基線對齊?；€是一條虛構(gòu)的線。在一行文本中，大多數(shù)字母以基線為基準。baseline 值設(shè)置行中的所有表格數(shù)據(jù)都分享相同的基線。該值的效果常常與 bottom 值相同。不過，如果文本的字號各不相同，那么 baseline 的效果會更好。請看下面的圖示。

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

bottomvalign="bottom"

baselinevalign="baseline"

HTML tr 標簽參考手冊HTML <tr> 標簽

相關(guān)文章

HTML DOM 參考手冊：HTML DOM tr vAlign 屬性