css清除去掉a标签或者span标签之间的默认留白间距

今天比较有趣，我需要写2个合在一起的span标签，结果有空隙，特意记录下解决办法

原本没加效果图：    主要看2个span标签  

 

 解决办法1：

给父元素加 font-size：0，再分别给2个span设置具体的font-size：12px

<div style="font-size: 0;"> 
  <span style="background: red; font-size: 12px;">余号：11</span> 
  <span style=" background: cadetblue;font-size: 12px;">总号：24</span>
</div>

 

 这样就合并了，前提你的父元素没太多的标签，不然你得给每个标签加font-size

解决办法2：

只要给2个span加上float浮动，但是，这个方法会影响布局，需要另外加清除浮动的影响，这里就不贴代码了

2种办法看你们自己选择吧