行内块元素（inline-block）中间的水平间隙的解决方法

我们知道，处于代码可读性的考虑，很多时候我们会把html代码写成类似的换行形式

但是这样的写法会带来一个问题，那就是2个行内元素中间会产品一个莫名的间隙，如下图：（注意：换行符、tab(制表符)、空格都会造成此问题），我们使用CSS更改非inline-block水平元素为inline-block水平，也有该问题

此问题的解决方法有4种：

方法1:让2个行内元素的HTML代码中间没有间隙，如：

方法2：给有间隙的元素加浮动

方法3：使用margin负值

由于外部环境的不确定性，以及最后一个元素多出的父margin值等问题，这个方法不适合大规模使用。

方法4：font-size:0

.a{
    font-size: 0; 
    -webkit-text-size-adjust:none;
}/*a为父元素*/

这个方法，基本上可以解决大部分浏览器下inline-block元素之间的间距(IE7等浏览器有时候会有1像素的间距)。

每个方法各有优缺点，浮动的方法目前用的人最多，各位可做参考