div 里有 img，底部有一条空白

将一个 img 放在div里，你会发现在 img 下面多出3px的空白，padding、margin、border 都设为 0，无效！那么怎么解决这个问题呢？

---

微信小程序没有这个问题，是微信团队调整了吗？

1、设置div{ font-size: 0}

2、设置img{ display: block}或者{ display: table}

3、设置img{ vertical-align:top;}

推荐第二种，让img对象成为块级元素。

---

https://stackoverflow.com/questions/5804256/image-inside-div-has-extra-space-below-the-image

---

喜欢或对你有帮助，请点个赞吧，先自己点个。

开发越久，头发越少，且行且珍惜。

有错误或者疑问还请评论指出。

我的个人网站 --> 点击访问 。

---

END