css几种解决inline-block间隙的方案(整理)

4、css hack

知道间隙的产生原因和间隙的大小后，动手写一个css hack也是一种很好的方法

1、将父容器的字体大小设置为0，可解决绝大多数浏览器（老版本safari不支持）

2、针对不支持上条的浏览器设置字块或字符间间隙letter-spacing／word-spacing，推荐letter-spacing，因为此属性不会产生负间隙，但需要注意，要在子元素上设置letter-spacing:0

3、如果你转化但是块对象，那需要为低版本浏览器设置inline兼容，不让样式会乱掉

总结以上几点给出以下代码

.parent {
letter-spacing: -.3333em;
font-size: 0;
}
.child {
display: inline;
display: inline-block;
}