div和img之间的空白间隔

如题,两个div之间的空白间隔很明显和上一篇博客之中的两个<li>之间的间隔雷同,会出现的原因依旧是因为浏览器的默认行为是把inline元素间的空白字符(空格换行tab)渲染成一个空格。

结构如下:

div和img之间的空白间隔

像是这样(为了明显看出来,我们将div的背景设置成了红色)

div和img之间的空白间隔

可以明显看出来,在div和img之间,不论是上方还是下方,都有一条很明显的缝隙

当然,解决办法也很简单,直接设置浮动就可以

div和img之间的空白间隔

然后就看到缝隙消失不见了!

div和img之间的空白间隔