css入门第一节

转载于 2016-03-06 11:00:00 发布 · 47 阅读

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/wang-qiuling/p/5246747.html

本文介绍了行内元素间隙bug的两种解决方案：一是确保元素间没有空格、回车等字符；二是通过调整font-size属性来消除间隙。适用于前端开发中常见的布局问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

解决行内元素间隙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;}

转载于:https://www.cnblogs.com/wang-qiuling/p/5246747.html