去除inline-block块行元素之间的间距
2018-03-14 本文已影响0人
笨笨的小蜗牛_用生命奔跑
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为某个负值，就可以消除间隙，
例子如下
还有其他方法，没有去试，这两个方法都用了，兼容性都挺好
