span之间的间距怎么解决掉？

阅读更多

【前言】

   学生提问：span之间的间距怎么解决掉？

 

【主体】

（1）原因分析及方案：

        先分析下出现空格的原因：基本都是把span设置为内联块级元素了，然后div有字体大小，span外边有空格所以会有空隙，改字体为0然后再单独设置span里面的字体大小就解决了。

    div{
        width:100%;
    font-size:0;
    }
    span{
        padding:1% 2%;
    font-size:16px;
        background:#ddd;
    }

（2）拓展：

      除此外还有很多种方法，例如将span标签写在一行里等。

 

【总结】

      推荐使用第一种方法，简单便捷

 

 

 

 

 

 

 

 

.