去除inline-block块行元素之间的间距

inline-block块行元素标签并排的时候没有间距，但是换行或者中间有空格就会出现间隙

解决的方法：

1、设置font-size：0；可以兼容ie6/7/8以及ie8+，谷歌、火狐、360

设置块行元素的直接父元素的属性font-size：0；兼容谷歌需要添加-webkit-text-size-adjust:none;

2、利用字符间距letter-spacing 、 单词间距word-spacing 的负值

设置块行元素的直接父元素的letter-spacing或者word-spacing为某个负值，就可以消除间隙，

例子如下

还有其他方法，没有去试，这两个方法都用了，兼容性都挺好

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容