閱讀(49.6k) 書簽贊(8) 我要糾錯(cuò)

CSS vertical-align 屬性

2022-06-02 17:28 更新

屬性定義及使用說明

vertical-align屬性設(shè)置一個(gè)元素的垂直對(duì)齊。

默認(rèn)值：	baseline
繼承：	no
版本：	CSS1
JavaScript 語法：	object.style.verticalAlign="bottom"

表格中的數(shù)字表示支持該屬性的第一個(gè)瀏覽器版本號(hào)。

屬性
vertical-align	1.0	4.0	1.0	1.0	4.0

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

重寫文本：

img
{
vertical-align:text-top;
}