去除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;
}