全面认识CSS vertical-align属性用法

你对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属性用法揭秘