如何去除inline-block元素间间距？（2017-02-27）

        元素使用属性display：inline-block之后，中间会有空隙，这个空隙是由于中间由空格造成的。那么怎么解决呢？

        清除inline-block元素间之间的间距有很多种方法，但是下面的三种方法我认为是比较常用的。其中最后一种方法不需要考虑浏览器的兼容与间距，推荐使用。

①在父元素上面加上“font-size:0”。但是这种方法chrome浏览器不支持可以用下面的方法 ：-webkit-text-size-adjust:none

②在各个设置inline-block的元素加上“margin-left”的值为负，不同的浏览器值不一样，Firefox、chrome、Safari为-4px。

③jQuery方法

$(“父元素”).Contents().filter(function()

{Return this.nodeType===3}).remove(); 

其中nodeType属性返回节点的类型，而text节点类型中间空格为3。