文／壞小朱啦啦（簡書作者）
原文鏈接：http://www.jianshu.com/p/50e6cb9aeed6
著作權(quán)歸作者所有，轉(zhuǎn)載請聯(lián)系作者獲得授權(quán)，并標(biāo)注“簡書作者”。

行內(nèi)元素之間會產(chǎn)生間隙bug問題的場景：

1、當(dāng)行內(nèi)元素之間有“回車”、“tab”、“空格”時就會出現(xiàn)間隙。

如下代碼：

<div>

<a>1</a>

<a>22</a>

<em>333</em>

</div>

解決辦法有兩種

方法一：將元素寫成一行，中間不換行；

<div><a>1</a><a>22</a><em>33</em></div>

方法二：設(shè)置font-size:0

div{font-size:0px;}

a,em{font-size:10px;}

方法三：可以為元素設(shè)置負(fù)margin值，一般為-4，但是根據(jù)父級元素的font-size會有相應(yīng)的變化，使得元素間隙消失

a,em{font-size:10px;margint-right:-4px;}

這個方法對于盒模型比較怪異的IE6/7來說另當(dāng)別論。

方法四：省略閉合符號

<div>

<a>1

<a>22

<em>333

</div>

當(dāng)然，還有讓內(nèi)聯(lián)元素浮動float：left;的辦法，此時父級容器需要設(shè)置寬高，才好定位內(nèi)聯(lián)元素的位置。感興趣的朋友可以一試。