如题,两个div之间的空白间隔很明显和上一篇博客之中的两个<li>之间的间隔雷同,会出现的原因依旧是因为浏览器的默认行为是把inline元素间的空白字符(空格换行tab)渲染成一个空格。
结构如下:
像是这样(为了明显看出来,我们将div的背景设置成了红色)
可以明显看出来,在div和img之间,不论是上方还是下方,都有一条很明显的缝隙
当然,解决办法也很简单,直接设置浮动就可以
然后就看到缝隙消失不见了!
如题,两个div之间的空白间隔很明显和上一篇博客之中的两个<li>之间的间隔雷同,会出现的原因依旧是因为浏览器的默认行为是把inline元素间的空白字符(空格换行tab)渲染成一个空格。
结构如下:
像是这样(为了明显看出来,我们将div的背景设置成了红色)
可以明显看出来,在div和img之间,不论是上方还是下方,都有一条很明显的缝隙
当然,解决办法也很简单,直接设置浮动就可以
然后就看到缝隙消失不见了!