css入门第一节
解决行内元素间隙bug问题
行内元素之间会产生间隙bug问题的场景:
1、当行内元素之间有“回车”、“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、写在一行,之间不要有空格之类的符号。
1 <div> 2 <a>1</a><a>2</a><span>33333</span><span>44444</span><em>555555</em> 3 </div>
2、使用font-size:0
1 div{font-size:0;} 2 a,span,em{font-size:16px;}