vertical-align

  • 版本:CSS1/2
  • 媒体:视觉
vertical-align属性在CSS文本中是比较常用的,本文将带你深入理解vertical-align属性的各个方面,包括它的语法、取值、作用和浏览器兼容性,最后附上vertical-align的演示案例,希望能够对你有所帮助。

vertical-align的具体语法

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

默认值baseline

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

继承性:有

动画性:当值为 <length>

计算值:指定值

vertical-align的取值介绍

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

vertical-align的使用说明

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

vertical-align的浏览器兼容性

  • 浅绿 = 支持
  • 红色 = 不支持
  • 墨绿 = 部分支持
支持版本\类型 IE Firefox Safari Chrome Opera
版本 6.0 1.0 1.0 1.0 4.0

vertical-align的完整演示案例

CSS3参考手册,全网最新最全的CSS3参考手册,为你呈现最好的CSS3文档CSS3参考手册