CSS:为什么有时候两个在一起的同胞元素,并没有设定margin值,可是之间却还是有一定的外边距?

clipboard.png

clipboard.png

比如像这两个span标签,我只是给他们加了左右边框,可是发现第二个span并没有紧贴着第一个span
除非加浮动两个元素才会紧贴在一起,为什么

阅读 3.6k
4 个回答

其实,这并不是bug...要明确一点的是,其实html说到底,本质还是一个文档来着,你应该是在两个span标签之间,换行了,或者有空格之类的。在浏览器解析的时候,他会默认空出1个字符的位置还给他,解决方案有很多,挨在一起,或者两个标签换行的部分给他注释掉都可以。

诚如其他小伙伴所言,你也可以理解为4px的问题,(虽然这也不是什么bug,只是一种浏览器表现方式而已)。

如果真的需要解决这个问题,可以看看下面的这个网站~~~

传送门

inline-block产生的间隙问题,FireFox下这个间隙是8px,其他浏览器下是4px;解决方案是在父级添加font-size:0;子元素设置原来的字体大小;

4px 问题 可以去搜下

新手上路,请多包涵

空格占位置了吧~

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题