最近做頁面時，經常會用到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; /*要設置相應的字號*/ } ```