使用font-size：0去掉inline-block元素之间的空隙

现代浏览器的最新版都支持inline-block，只有该死的ie6、7不支持inline-block，但ie6、7可以通过

display：inline；

zoom：1；

 

来模拟

下面是inline-block兼容的代码：

 

view sourceprint?display:inline-block;

*display:inline;

*zoom:1;

width:100px;

vertical-align:top;

 

但是大家有没有发现，在firefox，safari，opera，ie8+中的 inline-block 元素之间会莫名其妙多出3px的间距，其实这个是换行符，如果将 inline-block 元素间的换行符去掉，这3px的间距就会消失了。

有没有在不影响代码美观的情况下去掉间距尼，答案是有的。

 

可以在inline-block的父元素中加上 ：

 

 font-size：0；

 

然后在 inline-block 中将字体设回来。