display:inline-block时，相互间会出现空白，其大小为三分之一font-size，其来源是代码内的换行符/空格，可以通过以下方法消除
- 代码里写成一行
- 父元素font-size:0
- 将第二个元素的margin-left设置为-0.333333em即可。
- 将letter-spacing设为-0.333333em即可。
- 使用Html注释 (推荐使用)
<div>
<span style="display:inline-block">左侧行内元素</span><!-- 消除换行导致的空白
--><span style="display:inline-block">右侧行内元素</span>
</div>
