这个属性可以接受多种值,包括长度值、百分比、关键字等。以下是一些常见的 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