CSS vertical-align 屬性


實例

垂直對齊圖像:

img { vertical-align:text-top; }


屬性定義及使用說明

vertical-align 屬性設置一個元素的垂直對齊方式。

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

默認值: baseline
繼承: no
版本: CSS1
JavaScript 語法: object.style.verticalAlign="bottom"


流覽器支持

表格中的數字表示支持該屬性的第一個流覽器版本號。

屬性
vertical-align 1.0 4.0 1.0 1.0 4.0

屬性值

描述
baseline 默認。元素放置在父元素的基線上。
sub 垂直對齊文本的下標。
super 垂直對齊文本的上標
top 把元素的頂端與行中最高元素的頂端對齊
text-top 把元素的頂端與父元素字體的頂端對齊
middle 把此元素放置在父元素的中部。
bottom 把元素的底端與行中最低的元素的頂端對齊。
text-bottom 把元素的底端與父元素字體的底端對齊。
length  
% 使用 "line-height" 屬性的百分比值來排列此元素。允許使用負值。
inherit 規定應該從父元素繼承 vertical-align 屬性的值。


相關文章

CSS 教學: CSS 文本