搜索

首页  >  问答  >  正文

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

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

PHPzPHPz2774 天前500

全部回复(4)我来回复

  • 黄舟

    黄舟2017-04-11 12:32:55

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

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

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

    传送门

    回复
    0
  • PHP中文网

    PHP中文网2017-04-11 12:32:55

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

    回复
    0
  • PHP中文网

    PHP中文网2017-04-11 12:32:55

    4px 问题 可以去搜下

    回复
    0
  • 迷茫

    迷茫2017-04-11 12:32:55

    空格占位置了吧~

    回复
    0
  • 取消回复