inline-block元素间隙的解决方法

元素如果设置display为inline-block，元素间会有一段默认的间隙。这种间隙是由元素间的回车照成的，有时候会影响样式的精确度，代码及效果如下：

HTML、

CSS、

效果图：

解决方法：

第一种方法：html不变而css变，css如下：

如上图，父级元素的font-size设置为0，子元素设为对应大小。效果如下：

第二种方法：html变而css不变，html代码如下：

或者：

这种方法是去除元素之间的回车来实现，但显然没有第一种方法方便。所以做开发，尽量采用最好的方法。