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

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