例
一個HTML表不同的垂直對齊行:
<table>
<tr valign="middle">
<th>Month</th>
<th>Savings</th>
</tr>
<tr valign="bottom">
<td>January</td>
<td>$100</td>
</tr>
</table>
試一試» 定義和用法
該valign屬性指定表行內容的垂直對齊方式。
瀏覽器支持
屬性 | |||||
---|---|---|---|---|---|
valign | 是 | 是 | 是 | 是 | 是 |
兼容性說明
該valign的屬性<tr>不支持HTML5。 使用CSS來代替。
CSS語法: <tr style="vertical-align:bottom">
在我們的CSS教程中,你可以找到有關的更多詳細信息vertical-align屬性 。
句法
<tr valign="top|middle|bottom|baseline">
屬性值
值 | 描述 |
---|---|
top | 頂部對齊內容 |
middle | 中心對齊內容 |
bottom | 底部對齊內容 |
baseline | 基準線是“虛線”其中大部分信件的“坐”,在一行文字。 基準值設定行,使所有的表數據共享相同的基線。 常常這具有作為底值相同的效果。 然而,如果字體是在不同的尺寸,基線看起來更好。 看看下面的圖 |
底部與基線的插圖,如果字體大小不同:
valign="bottom"
valign="baseline"