解決行內元素間隙bug問題

行內元素之間會產生間隙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了
相關文章
相關標籤/搜索