原理:
图片的display属性默认是inline,这个属性的vertical-align的默认值是baseline。所以图片底部会出现一个小留白区域。
解决:
方法1:设置图片为块状元素 display:block;
方法2:修改vertical-align:middle;
参考文章:解决div里面img图片下方有空白的问题
原理:
图片的display属性默认是inline,这个属性的vertical-align的默认值是baseline。所以图片底部会出现一个小留白区域。
解决:
方法1:设置图片为块状元素 display:block;
方法2:修改vertical-align:middle;
参考文章:解决div里面img图片下方有空白的问题