内联元素产生间隙原因？

Question

为什么内联或内联块元素会产生间隙的原因？

或说：为什么会产生一个空白符？

解决方法我都了解，所以我不希望大家再去回答去除的技巧，谢谢。

.a {
    display: inline-block;
    width: 100px;
    height: 100px;
    background: skyblue;
}
span {
    background: pink;
}

<div class="a"></div>
<div class="a"></div>
<span>hello</span>
<span>hello</span>

Answer 1

html 默认 white-space: normal;

Answer 2

1.可能你没有去内外间距：margin:0;padding:0;
2.可能是html中使用enter键换行，写在一行就可以了

Answer 3

inline-block 就是有这个问题
解决：http://www.zhangxinxu.com/wor...

Answer 4

那个空白间距是换行符 也就是回车