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把元素的頂端與父元素字型的頂端對...