去除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为某个负值,就可以消除间隙,

例子如下

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

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

推荐阅读更多精彩内容