css垂直布局vertical-align

定義

vertical-align 屬性設定元素的垂直排列。

繼承性：No

說明

該屬性定義行內元素的基準相對於該元素所在行的基準的垂直對齊。允許指定負長度值和百分比值。這會使元素降低而不是升高。在表儲存格中，這個屬性會設定儲存格框中的儲存格內容的對齊。

JavaScript 文法

CSS 屬性也可通過一段 JavaScript 被動態地改變。

指令碼文法：

object.style.verticalAlign="bottom"

例子

img{    vertical-align:bottom;}

可能的值

屬性	描述
baseline	預設。元素放置在父元素的基準上。
sub	垂直對齊文本的下標。
super	垂直對齊文本的上標。
top	把元素的頂端與行中最高元素的頂端對齊。
text-top	把元素的頂端與父元素字型的頂端對齊。
middle	把此元素放置在父元素的中部。
bottom	把元素的頂端與行中最低的元素的頂端對齊。
text-bottom	把元素的底端與父元素字型的底端對齊。
length	設定元素的堆疊順序
%	使用 "line-height" 屬性的百分比值來排列此元素。允許使用負值。