解决span标签之间的空隙问题

在html中，如果两个span之间换行书写的话，那么他们在页面上展现的时候往往会有空隙
如：

<div>
    <span>第一个标签文字</span>
    <span>第二个标签文字</span>
</div>

解决方案：
1.将两个span标签写在同一行

<div>
    <span>第一个标签文字</span><span>第二个标签文字</span>
</div>

2.给span标签添加float

<style>
    span { float: left; }
</style>
<div>
    <span>第一个标签文字</span>
    <span>第二个标签文字</span>
</div>

3.给父级元素添加 font-size: 0; 再给span添加额外的 font-size

<style>
    div { font-size: 0; }
    span { font-size: 12px; }
</style>
<div>
    <span>第一个标签文字</span>
    <span>第二个标签文字</span>
</div>