css垂直布局vertical-align

來源:互聯網
上載者:User

定義

vertical-align 屬性設定元素的垂直排列。

繼承性:No

說明

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

JavaScript 文法

CSS 屬性也可通過一段 JavaScript 被動態地改變。

指令碼文法:

object.style.verticalAlign="bottom"
例子
img{    vertical-align:bottom;}
可能的值
屬性 描述
baseline 預設。元素放置在父元素的基準上。
sub 垂直對齊文本的下標。
super 垂直對齊文本的上標。
top 把元素的頂端與行中最高元素的頂端對齊。
text-top 把元素的頂端與父元素字型的頂端對齊。
middle 把此元素放置在父元素的中部。
bottom 把元素的頂端與行中最低的元素的頂端對齊。
text-bottom 把元素的底端與父元素字型的底端對齊。
length 設定元素的堆疊順序
% 使用 "line-height" 屬性的百分比值來排列此元素。允許使用負值。
相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.