Question

怎么理解CSS中vertical-align这个属性

Answer 1

在CSS中的vertical-align 属性是设置元素垂直对齐的方式

需要注意的是：

vertical-align属性定义行内元素的基线是相对vertical-align这个元素所在行的基线的垂直对齐。

是会允许指定负长度值和百分比值的。

这样是会导致vertical-align元素降低，并非是升高的。

在单元表格中，vertical-align属性是能设置单元格框中的 单元格内容的对齐方式的

 vertical-align属性的浏览器支持情况如下：

目前所有的浏览器都是支持vertical-align的属性的

但是需要注意的是：无论是任何的版本的 Internet Explorer，包括 IE8在内，都是不支持 "inherit"这个属性值的。

 vertical-align属性的实例介绍如下：

垂直对齐一幅图像的实力介绍：

img { vertical-align:text-top; }

Answer 2

vertical-align 属性设置元素的垂直对齐方式。它的值比较多：baseline | sub | super | top | text-top | middle | bottom | text-bottom | inherit。

baseline：将支持valign特性的对象的内容与基线对齐
sub：垂直对齐文本的下标
super：垂直对齐文本的上标
top：将支持valign特性的对象的内容与对象顶端对齐
text-top：将支持valign特性的对象的文本与对象顶端对齐
middle：将支持valign特性的对象的内容与对象中部对齐
bottom：将支持valign特性的对象的文本与对象底端对齐
text-bottom：将支持valign特性的对象的文本与对象底端对齐
inherit：规定应该从父元素继承 vertical-align 属性的值(任何版本的IE（包括 IE8）都不支持属性值 "inherit")
注：常用的有top、middle、bottom，其他的不是很常用。一般是用做img的对其。

Answer 3

　　vertical-align 属性设置元素的垂直对齐方式
　　说明
　　该属性定义行内元素的基线相对于该元素所在行的基线的垂直对齐。允许指定负长度值和百分比值。这会使元素降低而不是升高。在表单元格中，这个属性会设置单元格框中的单元格内容的对齐方式。
　　

Answer 4

垂直对齐xx元素的方法；
具体参考http://www.w3school.com.cn/tiy/t.asp?f=csse_vertical-align