清除内联元素间默认的间隔

在开发过程中，有一段代码如下：

<div class="btns">
    <a class="refuseBtn" data-i18n-text="refuse"></a>
    <a class="passBtn" onclick="approvalOrder('1')" data-i18n-text="pass"></a>
</div>

但是，a标签之间有一个默认的间隔，导致两个按钮之间出现白色的缝隙。

当设置按钮宽度分别为50%的时候，就会强制换行。

 解决方法：设置btns的字体大小为0，即可。

.btns{
    font-size: 0;
}

这个时候按钮宽度就能分别调到50%了。效果如下：

此外，span元素之间也会存在默认的间隔。

清除span之间间隔的方法：

设置父元素font-size为0，然后单独设置span的字体大小即可。