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