vertical-align

設定物件的垂直對齊。

語法

{ vertical-align: sAlign }

可能的值

sAlign

指定下列其中一個值的變數：

baseline	預設值。將物件的內容對齊至基準線。
auto	根據 layout-flow 屬性的值，對齊物件的內容。
bottom	將物件內容垂直對齊至物件底端。
middle	將物件內容垂直對齊至物件中間。
sub	將文字垂直對齊至下標。不適用於表格儲存格。
super	將文字垂直對齊至上標。不適用於表格儲存格。
text-bottom	將物件的文字垂直對齊至物件底端。不適用於表格儲存格。
text-top	將物件的文字垂直對齊至物件頂端。不適用於表格儲存格。
top	將物件內容垂直對齊至物件頂端。

對於所有物件，此屬性的預設值為 baseline ，而且不是繼承屬性。

備註

文字物件支援 sub 和 super 值。除以上所述外的其他物件支援其他值。

當 layout-flow 為 horizontal 時， auto 值等同於 baseline 值。當 layout-flow 為 vertical-ideographic 時， auto 值等同於 middle 值。

範例

此範例使用 vertical-align 屬性來對齊表格儲存格內的文字：

<table border width=100>
<tr>
    <td onmouseover="this.style.vertical-align ='bottom'" 
    onmouseout="this.style.vertical-align =''">
    text to align</td> 
</tr>
</table>

標準資訊

您可以在 Cascading Style Sheets (CSS), Level 1 (CSS1) (階層式樣式表 (CSS) 層級 1 (CSS1))  找到此屬性的定義。

適用範圍

col, custom, defaults, img, span, tbody, td, tfoot, th, thead, tr

另請參閱

概念

text-align