inline-block默认间距的处理方法

前几天写代码的时候，写到这样一段代码

<pre name="code" class="html">

<div>
    <a>1</a>
    <a>2</a>
    <a>3</a>
</div>

由于给每个a标签写了样式，使得每个a都是一个红色的inline-block

但是问题来了，每个block默认都有一段间距，后来仔细量了量，发现大概是3到4px，不同浏览器距离不同。

上网查了很多资料，发现确实有这个问题，导致这个问题的原因令我大吃一惊：

是由于写代码的时候强制换行导致的。

可能听不太懂，看一眼解决办法：

<div>
    <a>1</a><a>2</a><a>3</a>
</div>

这样就可以解决了该问题，但是如果每个标签的文字量太多了的话，写在一行不便于维护，所以这个可以有这么些解决的办法
用注释来解决换行问题：

<div>
    <a>1</a><!--
    --><a>2</a><!--
    --><a>3</a>
</div>

这样使用注释来换行，浏览器就不会解析换行的写法

亦可使用：

<div>
    <a>1
    <a>2
    <a>3</a>
</div>

在最后一个inline-block上加上闭合标签，但是这个文档只能在在较高版本的浏览器中使用，但是自IE8，IE9浏览器这些喝毒奶粉长大的浏览器中，不会识别。