去除inline-block元素间间距

1.元素间留白间距出现的原因就是标签段之间的空格，因此，去掉HTML中的空格，自然间距就木有了。

或者是借助HTML注释：

<div class="space">
    <a href="##">惆怅</a><!--
    --><a href="##">淡定</a><!--
    --><a href="##">热血</a>
</div>

2.使用margin负值

.space a {
    display: inline-block;
    margin-right: -3px;
}

3.使用font-size:0

.space {
    font-size: 0;
}
.space a {
    font-size: 12px;
}

4.使用letter-spacing

.space {
    letter-spacing: -3px;
}
.space a {
    letter-spacing: 0;
}

5.使用word-spacing

.space {
    word-spacing: -6px;
}
.space a {
    word-spacing: 0;
}