🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
#### **可能出现的值** | 值 | 描述 | | --- | --- | | baseline | 默认。元素放置在父元素的基线上。 | | sub | 垂直对齐文本的下标。 | | super | 垂直对齐文本的上标 | | top | 把元素的顶端与行中最高元素的顶端对齐 | | text-top | 把元素的顶端与父元素字体的顶端对齐 | | middle | 把此元素放置在父元素的中部。 | | bottom | 把元素的顶端与行中最低的元素的顶端对齐。 | | text-bottom | 把元素的底端与父元素字体的底端对齐。 | | length |   | | % | 使用 "line-height" 属性的百分比值来排列此元素。允许使用负值。 | | inherit | 规定应该从父元素继承 vertical-align 属性的值。 | #### **vertical-align干什么的?** 其实`vertical-align`是用来设置`行内元素`对齐方式的。 #### **基线** ![](https://img.kancloud.cn/91/60/9160acbeb6b2361e7c299e9b067c58b3_555x215.png) [[https://www.w3school.com.cn/tiy/t.asp?f=csse\_vertical-align](https://www.w3school.com.cn/tiy/t.asp?f=csse_vertical-align)]()