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

<div>
    <span>内容1</span>
    <span>内容2</span>
</div>

产生问题的原因：内联元素换行会产生一个文本节点

解决办法：

1、写在一行

<div>
    <span>内容1</span><span>内容2</span>
</div>

2、使用注释

<div>
    <span>内容1</span><!--             
    --><span>内容2</span>
</div>

3、使用浮动

span{
    float: left;
}

4、利用font-size

div{
    font-size: 0px;
}
span{
    background: red;
    font-size: 16px;
}

5、使用负值margin-right

6、使用letter-spacing和word-spacing