HTML 參考手冊

HTML 標(biāo)簽大全

HTML td valign 屬性

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

在線示例

在<td>元素內(nèi)垂直對齊內(nèi)容：

示例

<table style="width:100%" border="1" height="400">
  <tr>
    <th>編號</th>
    <th>月份</th>
    <th>儲蓄</th>
  </tr>
  <tr>
    <td valign="top">1</td>
    <td valign="top">一月</td>
    <td valign="top">3100</td>
  </tr>
  <tr>
    <td valign="bottom">2</td>
    <td valign="bottom">二月</td>
    <td valign="bottom">2180</td>
  </tr>
</table>

測試看看 ?/?

瀏覽器兼容性

IEFirefoxOperaChromeSafari

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

定義和用法

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

valign 屬性指定單元格中的內(nèi)容的垂直對齊方式。

語法

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

屬性值

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

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

valign="bottom"

valign="baseline"

HTML <td> 標(biāo)簽

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