CSS教程：如何消除inline-block元素间距

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

    一个是字符间距(letter-spacing)一个是单词间距(word-spacing)，大同小异。据我测试，word-spacing的负值只要大到一定程度，其兼容性上的差异就可以被忽略。因为，貌似，word-spacing即使负值很大，也不会发生重叠。
    与上面demo一样的效果，这里就不截图展示了。如果您使用Chrome浏览器，可能看到的是间距依旧存在。确实是有该问题，原因我是不清楚，不过我知道，可以添加display: table;或display:inline-table;让Chrome浏览器也变得乖巧。

.space {
    display: inline-table;
    word-spacing: -6px;
}

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

    根据测试，该方法可以搞定基本上所有浏览器，不过Opera浏览器下的问题：最小间距1像素，然后，letter-spacing再小就还原了。