行內(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)元素的位置雇寇。感興趣的朋友可以一試。
