DIV CSS 佈局教程網

你對CSS vertical-align 屬性的使用是否熟悉，這裡和大家分享一下，vertical-align 屬性設置元素的垂直對齊方式。

CSS vertical-align 屬性

定義和用法

vertical-align 屬性設置元素的垂直對齊方式。

說明

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

實例

垂直對齊一幅圖像：

img  
  {  
  vertical-align:text-top;  
  }  

浏覽器支持

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

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

可能的值

【編輯推薦】

1. CSS overflow溢出屬性
2. 學習筆記 CSS clip屬性用法指導
3. CSS border-collapse屬性用法解析
4. CSS中使用margin屬性定義網頁邊距
5. CSS中cellspacing和cellpadding屬性用法揭秘