请问css的vertical-align属性可以应用元素吗？

Question

css的vertical-align属性可以应用元素吗

Answer 1

一般情况vertical-align用的地方不多是因为其兼容性不好。在及其特殊的情况下才会用到它，在需要汉字和图片对齐的地方我从来不用它。在父元素高度一定的情况下用height和line-height可以实现垂直对齐。垂直居中还和字体有一定的影响，字体不一样可能看着就不太绝对居中。vertica-align不是所有标签内都有效。在td内用向你说的有中英文差异的话不如在外边再加个div使div居中里面的自然也就居中了。需要图文都居中的地方建议使用height和line-height同值的方法。

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的对其。