css 元素的垂直對齊方式

2021-10-23 21:22:26 字數 670 閱讀 3888

vertical-align

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

例如:

style

="display

:table-cell;

vertical-align

:top

">

td>

描述baseline

預設。元素放置在父元素的基線上。

sub垂直對齊文字的下標。

super

垂直對齊文字的上標

top把元素的頂端與行中最高元素的頂端對齊

text-top

把元素的頂端與父元素字型的頂端對齊

middle

把此元素放置在父元素的中部。

bottom

把元素的頂端與行中最低的元素的頂端對齊。

text-bottom

把元素的底端與父元素字型的底端對齊。

length

%使用 「line-height」 屬性的百分比值來排列此元素。允許使用負值。

inherit

規定應該從父元素繼承 vertical-align 屬性的值。

參考:

css垂直對齊

在css中,行框的高度總是足以容納它包含的所有行內級框,當乙個行內級框 b 的高度小於包含它的行框高度時,則由 vertical align屬性 來決定b在行框中垂直對齊的位置。因此,vertical align屬性只對行內級元素有效,對塊級元素無效。並且,該屬性不能被子元素繼承。在垂直對齊時,行內...

HTML垂直對齊方式

在html中可以通過text align left center right等屬性來配置水平對齊方式。那如何配置垂直對齊方式呢?valign top middle bottom 注意 這個配置不能加入到style 中,也不能在css樣式中配置,只能直接配置在html元素中。valign top de...

vertical align 垂直對齊方式

vertical align 垂直對齊方式 用在兩個或多個,內聯或者內聯塊元素垂直方向的對齊 值 描述 baseline預設。元素放置在父元素的基線上。sub垂直對齊文字的下標。super垂直對齊文字的上標 top把元素的頂端與行中最高元素的頂端對齊 text top把元素的頂端與父元素字型的頂端對...