vertical-align

语法：

vertical-align：baseline | sub | super | top | text-top | middle | bottom | text-bottom | <percentage> | <length>

默认值：baseline

适用于：内联及 table-cell 元素

继承性：无

动画性：当值为 <length> 时

计算值：指定值

取值：

baseline：
将支持valign特性的对象的内容与基线对齐
sub：
垂直对齐文本的下标
super：
垂直对齐文本的上标
top：
将支持valign特性的对象的内容与对象顶端对齐
text-top：
将支持valign特性的对象的文本与对象顶端对齐
middle：
将支持valign特性的对象的内容与对象中部对齐
bottom：
将支持valign特性的对象的文本与对象底端对齐
text-bottom：
将支持valign特性的对象的文本与对象顶端对齐
<percentage>：
用百分比指定由基线算起的偏移量。可以为负值。基线对于百分数来说就是0%。
<length>：
用长度值指定由基线算起的偏移量。可以为负值。基线对于数值来说为0。（CSS2）

说明：

设置或检索内联元素在行框内的垂直对其方式。
  • 对应的脚本特性为verticalAlign。

兼容性：

  • 浅绿 = 支持
  • 红色 = 不支持
  • 粉色 = 部分支持
Values IE Firefox Chrome Safari Opera iOS Safari Android Browser Android Chrome
Basic Support 6.0+ 2.0+ 4.0+ 6.0+ 15.0+ 6.0+ 2.1+ 18.0+

示例：