图片下方出现多3px的原因及解决方法

产生原因：

img是inline元素，垂直对齐方式vertical-align默认值是baseline，而baseline和底线之间有偏差，偏差视字体大小而定，例如字体的大小是12px，那么缝隙就是3px左右。

解决方案：

1. 将图片的垂直对齐方式vertical-align的值设置为bottom或top，就可以解决这个问题。

2. 将图片display设置为block，并且指定width和height。

3. 设置图片所在的容器元素和width和height与图片一样。