vertical-align 是 CSS 中用于指定行内元素的垂直对齐方式的属性。它控制行内元素与相邻元素或该元素所在行的基线之间的垂直对齐。

这个属性可以接受多种值,包括长度值、百分比、关键字等。以下是一些常见的 vertical-align 值:

1. baseline: 默认值,元素放置在父元素的基线上。

2. top: 元素的顶端与行内框的顶端对齐。

3. middle: 元素的中部与行内框的中部对齐。

4. bottom: 元素的底端与行内框的底端对齐。

5. sub: 元素垂直对齐于父元素的下标基线。

6. super: 元素垂直对齐于父元素的上标基线。

7. text-top: 元素的顶端与父元素的字体顶端对齐。

8. text-bottom: 元素的底端与父元素的字体底端对齐。

例子:
span {
  vertical-align: middle;
}

在这个例子中,span 元素的内容会垂直居中对齐到行内框的中部。请注意,vertical-align 对于块级元素没有效果,只对行内元素有效。


转载请注明出处:http://www.zyzy.cn/article/detail/6155/CSS