[Web] html中图片下面有空白（3px左右）原因及解决方案

我们在页面中写样式的时候有时候会遇到这样的情况：
原因：img是一种类似text的元素，在结束的时候，会在末尾加上一个空白符，所以就会多出3px。

解决方案：img{ display:block;}

或者img{ vertical-align: top;}

注：vertical-align: top;把元素的顶端与行中最高元素的顶端对齐；

原文地址：https://www.52pojie.cn/thread-557417-1-1.html
(出处: 吾爱破解论坛)