div嵌套img，去除img下的小空隙

原因：img是一种类似text的标签元素，在结束的时候，会在末尾加上一个空白符(匿名文本)，导致下方会多出来 3px 间距。

解决方案：

1.给div设置和img一样的高度；

缺点：该方法不够灵活，一旦img尺寸改变，我们要重新设置div的高度

2：给img设置vertical-align为除baseline以外的值，常用

3：给img添加display:block;（推荐）

这个方法是我们比较常用，但需要注意，img一旦设置为块，text-align:center；就不再生效，图片的水平居中应使用margin:auto;

4：给img设置浮动

设置浮动会让img脱离文档流

缺点：父元素高度不会被img自动撑开

5：给div设置font-size:0;

缺点：该方法会使div中的文字消失

可根据实际情况选择合适的方法。