CSS去除两个span之间的默认间距
⼀、去除两个span之间的默认间距：（两步解决）
1、将两个span的⽗级元素 font-size 设置为0。
2、然后再分别设置两个span的font-size即可解决。
⼆、例⼦：（之前遇到的问题，记录⼀下）
1、需求是在页⾯的底部要显⽰下图的样式：
2、思路：⽤⼀个div包裹两个span然后将div中的元素设置为居中，然后将左边的span设右边框，右边的span设置左边框。1）⽗级元素div的css代码：（下⾯我都写了注释就不多说了）
position: fixed;  //设置固定定位
bottom: 10px;  //下⾯留10px像素
css去掉滚动条text-align: center;  //设置⽂本居中
width: 140px;  //设置宽度为140px
left:calc((100% - 140px)/2); //左侧留出⼀半的距离
2）两个span的代码：（右边的和左边的是相对应的就不写了）
padding-right: 10px;
border-right: 1px solid #9A9A9A;
font-size: 14px;
3、问题：按照上⾯的思路还是出现了问题：看效果：
我们没有设置其它的样式，⽽两个span之间有⼀定的距离，这就是默认的距离，这样很坑，怎么去掉呢，按照上⾯的⽅法我们试⼀下：1）将⽗元素设置为 font-size：0 px；
2）我们再为⼦元素的两个span设置 font-size：14px；

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。