行內元素之間會產生間隙bug問題的場景:spa
一、當行內元素之間有「回車」、「tab」、「空格」時就會出現間隙。bug
以下代碼:方法
<div>
<a>1</a>
<a>2</a>
<span>33333</span>
<span>44444</span>
<em>555555</em>
</div>
解決方法:tab
一、寫在一行,之間不要有空格之類的符號。di
<div>
<a>1</a><a>2</a><span>33333</span><span>44444</span><em>555555</em>
</div>
二、使用font-size:0ab
div{font-size:0;}
a,span,em{font-size:16px;}
這樣就ok了