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