元素使用属性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。