HTML 參考手冊

HTML 標(biāo)簽大全

HTML: <tr> valign 屬性

<tr> valign 屬性的使用方法，valign屬性指定表行中內(nèi)容的垂直對(duì)齊方式，在線實(shí)例演示如何使用 <tr> valign 屬性、瀏覽器的兼容性、語法定義及它的屬性值詳細(xì)資料等。

在線示例

一個(gè)具有不同垂直對(duì)齊行的HTML表：

示例

<table style="width:100%" border="1">
   <tr valign="middle">
    <td>2018</td>
    <td>$15320.00</td>
  </tr>
   <tr valign="top">
    <td>2019</td>
    <td>$18320.00</td>
  </tr>
</table>

測試看看 ?/?

瀏覽器兼容性

IEFirefoxOperaChromeSafari

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

定義和用法

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

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

語法

<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 圖示：

valign="bottom"

valign="baseline"

HTML <tr> 標(biāo)簽

HTML: <template> 標(biāo)簽