css在chrome中审查元素有个奇怪的问题

Question

打开这里页面http://amazeui.org/css/badge

我想审查一下紫色箭头所指的那个间隔，看看间隔是多少向素，结果在chrome里看不到关于这个间隔的相关属性，请问是什么原因呢？

有朋友说到是display:inline-block的原因
我把display:inline-block在审查元素取消，发现上下方向上的间隔消失了，但是左右方向上的任然存在莫名奇妙的间隔

Answer 1

其实是回车符的间隔

// 这样写会有默认间隔
<span class="am-badge">1</span>
<span class="am-badge am-badge-primary">2</span>

// 这样就不会有了
<span class="am-badge">1</span><span class="am-badge am-badge-primary">2</span>

Answer 2

那些 label display:inline-block
这种方式的话 相邻元素默认有4px像素

Answer 3

其实，那就是一个空格字符，把空格删掉或者字体大小设为零就没有了

Answer 4

楼上说的很对，inline，inline-block默认横排，之间有间隔

Answer 5

把父元素设置font-size:0;，子元素再设置需要的font-size就可以了