3像素问题

问题现象：当我们将一张图片放入div容器中，图片与div底部会有一个3px的缝隙。

原因：图片属于内联元素，而内联元素的对齐方式默认是按照文字基线对齐的，不是按照文字底线对齐。

解决方法：

1.将默认基线对齐方式改为底线对齐方式：

vertical-align：baseline默认值

改为img { vertical-align: bottom; }

2.将图片改为块元素

display：inline默认值

改为img { display: block; }