解决图片下方多出一部分空白
Soya / 2020-02-29 / 默认分类 / 阅读量 2126

WeChat9a826c60259f913f9a73b5c92a3ad6e7.png

直接插入图片会在图片底部多出一部分空白,如图中的粉色。

解决方法:

<img src="./images/banner.jpg" width="100%" style="display: block;" alt="">

直接给img标签 添加 display:block 属性,即可解决
WeChat81f0d431ba96ee8c4c938c95b8c03e22.png