Web前端技术分享：img标签下方出现空隙的问题解决方案

很多初学小伙伴在写页面的时候碰到过一个问题，当我们用一个div直接包裹img，img的下方会出现3px间距，如图

代码如下：

为什么会出现这种情况呢？

因为img是一种类似text的标签元素，在结束的时候，会在末尾加上一个空白符（匿名文本），导致下方会多出来 3px 间距，其实我们在img右侧添加一个span包裹住文本，现象会更明显。

下面我们来解决这个问题

第一种方法：

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

缺点：该方法不够灵活&