vertical-align
用设置元素的垂直对齐方式,当只对行内元素或行内块元素有效。
vertical-align :baselign | top | middle |bottom;
值 | 描述 |
baselign | 默认,放置在父元素的基准线上 |
top | 把元素的顶端与行内最高元素的顶端对齐 |
middle | 把此元素放置在父元素的中部 |
bottom | 把元素的顶端与行中最低的元素的顶端对齐 |
图片底部默认空白缝隙问题
原因:图片是行内块元素,默认与基线对齐。
解决方法:
- 给图片添加vertical-align :top | middle |bottom;
- 将图片转换为块级元素display:bloock;