对于图片底部默认有空白缝隙

 出现原因：由于图片（行内块元素）要和字体的基线对齐；

解决方式：

1.通过vertical-align: top|middle|bottom;来改变对齐行内块元素的对齐方式，白色缝隙就会消失

2.将行内块元素转换成块级元素 display:block;块级元素不会和字体基线对齐。

标签：块级,行内,元素,缝隙,默认,空白,基线,字体,对齐
来源： https://www.cnblogs.com/panjingshuang/p/11746870.html