內斂元素間隙問題

行內元素之間會產生間隙bug問題的場景：

當行內元素之間有「回車」、「tab」、「空格」時就會出現間隙。
注：常見的行內元素有：img、span、a、b等

解決方法

• 寫在一行，之間不要有空格之類的符號

（不建議，代碼混亂，不直觀）

<div>
<a>1</a><a>2</a><span>33333</span><span>44444</span><em>555555</em>
</div>

• 父元素設置font-size:0，而後內斂元素上再設置具體的字體大小。

div{font-size:0;}
span{font-size:16px;}

• float浮動

我的認爲最直接的方法，固然是在適當的場景中，由於過分的浮動會產生須要清除浮動的必要

若有更好的方法歡迎你們留言，謝謝~~~