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>
標準資訊
此屬性是在階層式樣式表 (CSS) 層級 1 (CSS1) (英文) 中定義。
適用於
COL、CUSTOM、DEFAULTS、IMG、SPAN、TBODY、TD、TFOOT、TH、THEAD、TR