## 如何去掉inline-block元素之间的间隙 经常会用到inline-block元素来布局，但无可避免都会遇到一个问题，就是inline-block元素之间的间隙。这些间隙会导致一些布局上的问题，需要把间隙去掉。对于inline-block元素及去掉间隙的方法，在这里做一个简单的总结。 **1、标签写在一行，移除标签间的空格** (格式化后会失效) ~~~ <div class="demo"> <span>我是一个span</span><span>我是一个span</span><span>我是一个span</span> </div> ~~~ **2、在父容器上使用font-size:0;可以消除间隙** (常用) ~~~ <div class="demo"> <span>我是一个span> <span>我是一个span> <span>我是一个span> <span>我是一个span</span> </div> ~~~ ~~~ .demo {font-size: 0;} .demo span{ background:#ddd; display: inline-block; font-size: 14px; /*要设置相应的字号*/ } ~~~