inline-block之間出現(xiàn)間隔的主要原因是因?yàn)闃?biāo)簽之間的空格，這是符合規(guī)范的應(yīng)有表現(xiàn)，并不是瀏覽器bug，解決方法有以下幾種：
1.去掉html標(biāo)簽間的空格
<div class="show">
<span style="height:10px"></span
><span style="height:20px"></span
><span style="height:30px"></span>
</div>
或借助html注釋
<div class="show">
<span style="height:10px"></span><!--
--><span style="height:20px"></span><!--
--><span style="height:30px"></span>
</div>
2.使用margin負(fù)值
margin-right: -8px;
設(shè)置的負(fù)值與上下文字體類型，字體大小有關(guān)骤视，且不同瀏覽器不同，不適合大規(guī)模采用
3.使用font-size：0
但這種方法也會(huì)使上下元素間隔消失
4.使用letter-spacing： -999px
當(dāng)負(fù)值達(dá)到很大時(shí)鹃觉，兼容性的差異可以忽略专酗，即使負(fù)值很大，也不會(huì)發(fā)生重疊
5.使用word-spacing： -999px
.show{
word-spacing: -9999px;
display: inline-table;
}
原理同上盗扇，為了兼容chorme祷肯，需要加上display: inline-block
