## 如何去掉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; /*要設置相應的字號*/ } ~~~