空格折叠
在html写完代码后经常会出现一些我们不想要的间距也找不到它是什么原因 例如:
<section>
<span>有</span><span>无</span>
</section>
<section>
<span>生</span> <span>成</span>
</section>
<section>
<span>有</span>
<span>无</span>
</section>
这样两字之间会有一定的空格
因此空格折叠在html代码中,一个空格一个回车和多空格多个回车都会折叠成一个空格显示在页面上
他折叠的空格是当前父元素的文字字体大小
所以我们想要解决它给它的父元素font-size:0;
给了父元素字体零继承的原因我们的字体都会变成零所以我需要重新给回字体大小,给到子元素里。