先看下我们的html代码，很简单，就是一个div里有一段文字，我们为这个div添加了一个样式 zn
02默认情况下，不加任何样式时，这段文字的间距是很小的，如图
03为了添加文字的间距，我们可以添加letter-spacing的样式，添加一个zn的样式名，样式代码为 letter-spacing: 12px就是每个文字间会有12像素的间距。
04再运行页面，就可以看到效果了。文字间的间距明显加大了。
inline-block本身会自带空隙或者block块级元素和其他元素之间因为空白而产生间隔。
容器设置font-size:0子容器再设置font-size即可
如：
html结构举例：<div id="box">
<div>后面的span换行有空隙可根据下面的css设置修正</div>
<span>测试</span>
</div>
css举例：
#box{font-size:0}
#box div{font-size:14px}
#box span{font-size:12px}
用 line-height:1 就可以把行高设为标准高度（也就是说字符的高度就是行的高度），行间距为0，当然，还要把pading和margin都要设为0，比如：li {line-height:1padding:0margin:0color:#333font-size:15pxfont-family:"Microsoft Yahei"}
如果你还是觉得行与行之间存在空隙（尤其是英文字母），你还可以把行高设为小于1的值，比如 line-height:0.95 ，这样行与行之间就会发生边缘重叠，把空隙完全覆盖。
