CSS图片文字垂直居中对齐
vertical-align
CSS的vertical-align
属性的使用场景:经常设置图片或者表单(行内块元素)和文字垂直对齐。
只针对行内元素或行内块元素起效
语法:
vertical-align: baseline | top | middle | bottom
值 | 描述 |
---|---|
baseline | 默认。元素放置在父元素的基线上。 |
top | 把元素顶端与行中最高元素的顶端对齐 |
middle | 把元素放置在父元素的中部 |
bottom | 把元素的底端与行中最低元素的底端对齐 |
默认基线对齐
顶端对齐
底端
垂直对齐