去除inline-block元素间距

现象 ： 当使用inline-block的时候，元素间会出现4px的间距（在chrome里面 是8px），如下图

原因 ： 元素间留白间距出现的原因就是标签段之间的空格

解决方法一：

既然间距是因为标签间的空格造成的，那么消除空格就可以消除间距，但是这一类方法都不符合常规的代码书写习惯，所以不推荐

<div><a>春天</a><a>夏天</a><a>秋天</a><a>冬天</a></div></span>

<div>
	    <a>春天
	    </a><a>夏天
	    </a><a>秋天
	    </a><a>冬天
	    </a>
	  </div>

<div>
<a>春天</a><!--
--><a>夏天</a><!--
--><a>秋天</a><!--
--><a>冬天</a>
</div>

解决方法二：这一类方法是通过定位将空格消除，给margin负值即可，一般浏览器为-4px，chrome是-8px

      a{margin-left:-8px;}

解决方法三：这一类方法是通过设置font-size来实现

div{font-size:0px;}
a{font-size:12px;}

解决方法四：使用letter-spacing或word-spacing普通浏览器-4px，chrome是-8px

div{letter-spacing:-4px;}
a{letter-spacing:0px;}

这就是最终效果啦~~