共用方式為


vertical-align

設定物件的垂直對齊。

語法

{ vertical-align: sAlign }

可能的值

sAlign

指定或接收下列其中一個值的變數:

baseline

預設值。將物件的內容對齊至基準線。

auto

根據 layout-flow 屬性的值,對齊物件的內容。

bottom

將物件內容垂直對齊至物件底端。

middle

將物件內容垂直對齊至物件中間。

sub

將文字垂直對齊至下標。不適用於表格儲存格。

super

將文字垂直對齊至上標。不適用於表格儲存格。

text-bottom

將物件的文字垂直對齊至物件底端。不適用於表格儲存格。

text-top

將物件的文字垂直對齊至物件頂端。不適用於表格儲存格。

top

將物件內容垂直對齊至物件頂端。

對於所有物件,此屬性的預設值為 baseline,而且非繼承而來。

備註

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

layout-flowhorizontal 時,auto 值等同於 baseline 值。當 layout-flowvertical-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>

標準資訊

此屬性是在階層式樣式表 (CSS) 層級 1 (CSS1) (英文) 中定義。

適用於

COL、CUSTOM、DEFAULTS、IMG、SPAN、TBODY、TD、TFOOT、TH、THEAD、TR

請參閱

概念

text-align