css入門第一節

解決行內元素間隙bug問題

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

一、當行內元素之間有「回車」、「tab」、「空格」時就會出現間隙。

1 <div>
2    <a>1</a>
3    <a>2</a>
4    <span>33333</span>
5    <span>44444</span>
6    <em>555555</em>
7 </div>

 

解決方法：

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

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

二、使用font-size:0

 1 div{font-size:0;} 2 a,span,em{font-size:16px;} 

 

來源：http://www.imooc.com/wiki/detail/id/138