使用＜span＞标签时出现空格的现象

看一下代码：

     <div class="banner_case_bg third">
                <span class="banner_case_bgl"></span>
                <span class="banner_case_bgc"></span>
                <span class="banner_case_bgr"></span>
            </div>

当我这样写代码时页面的效果如图：

很明显能看到 3个书架子之间有空白格！美观不佳

改的方法有很多：

1.直接改html代码部分

            <div class="banner_case_bg third">
                <span class="banner_case_bgl"></span><span class="banner_case_bgc"></span><span class="banner_case_bgr"></span>
            </div>

把span标签的部分都写在一行上

*建议不要这么做，很邋遢，难看！

2.改css部分

*把父元素的font-size设置为0

结果能猜出来：没有空白格了