vertical-align

vertical-align這個是設定元素的垂直排列的.

用來定義行內元素的基線相對於該元素所在行的基線的垂直對齊.

它的值比較多：baseline | sub | super | top | text-top | middle | bottom | text-bottom | inherit

比如說top就是垂直對齊文本的頂部 。

基本屬性

vertical-align

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

語法

vertical-align：baseline | sub | super | top | text-top | middle | bottom | text-bottom |inherit

默認值：baseline

瀏覽器支持

所有瀏覽器都支持 vertical-align 屬性。

注釋：任何的版本的 Internet Explorer （包括 IE8）都不支持屬性值 "inherit"。

取值

以下內容列出了vertical-align 屬性的可用屬性值：

baseline：

將支持valign特性的對象的內容與基線對齊

sub：

垂直對齊文本的下標

super：

垂直對齊文本的上標

top：

將支持valign特性的對象的內容與對象頂端對齊

text-top：

將支持valign特性的對象的文本與對象頂端對齊

middle：

將支持valign特性的對象的內容與對象中部對齊

bottom：

將支持valign特性的對象的文本與對象底端對齊

text-bottom：

將支持valign特性的對象的文本與對象底端對齊

<percentage>：

用百分比指定由基線算起的偏移量。可以為負值。基線對於百分數來說就是0%。

<length>：

用長度值指定由基線算起的偏移量。可以為負值。基線對於數值來說為0。（CSS2）

說明

設定或檢索對象內容的垂直對其方式。

對應的腳本特性為verticalAlign。

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

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

示例

<style>

vertical-align:super;

</style>