Question

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

Answer 1

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 2

vertical-align 属性设置元素的垂直对齐方式。
vertical-align:middle   把元素放置在父元素的中部
vertical-align:bottom   把元素的顶端与行中最低的元素的顶端对齐
vertical-align:top      把元素的顶端与行中最高元素的顶端对齐
vertical-align:inherit  规定应该从父元素继承 vertical-align 属性的值(任何的版本的 Internet Explorer （包括 IE8）都不支持属性值 "inherit")
还有一些值，如：baseline（默认值），sub，super 等，不太常用。