css 图片底部多出的空白

1、首先了解元素对齐标准
参考： 简单说说vertical-align
参考：CSS–line-height和vertical-align

造成原因: 图片的display属性默认inline,而这个属性的vertical-align的默认值是baseline.所以现图片底部出现一块小留白

解决： 给图片加上 vertical-align：middle或bottom属性，来调整对齐方式。

2、图片与文字位置如下：

解决：