css 图片底部多出的空白
1、首先了解元素对齐标准
参考： 简单说说vertical-align
参考：CSS–line-height和vertical-align
造成原因: 图片的display属性默认inline,而这个属性的vertical-align的默认值是baseline.所以现图片底部出现一块小留白
解决： 给图片加上 vertical-align：middle或bottom属性，来调整对齐方式。
2、图片与文字位置如下：
解决：
1、首先了解元素对齐标准
参考： 简单说说vertical-align
参考：CSS–line-height和vertical-align
造成原因: 图片的display属性默认inline,而这个属性的vertical-align的默认值是baseline.所以现图片底部出现一块小留白
解决： 给图片加上 vertical-align：middle或bottom属性，来调整对齐方式。
2、图片与文字位置如下：
解决：