一. 问题
元素是inline-block属性时，会有空白间隙
二. 解决方案
1. html方式
1）将元素之间的空隙去除
<div class="space">
<a href="##">A</a
><a href="##">B</a
><a href="##">C</a>
</div>
2）省略闭合标签
<div class="space">
<a href="##">A
<a href="##">B
<a href="##">C</a>
</div>
2. css方式
1. 使用margin负值（不同浏览器margin-right值可能不一样）
.space a {
display: inline-block;
margin-right: -3px;
}
2. font-size：0(IE7会有1px的间隙)
.space {
font-size: 0;
}
.space a {
font-size: 12px;
}
3. letter-spacing负值（Opera浏览器最小间距1px，letter-spacing再小就还原了）
.space {
letter-spacing: -3px;
}
.space a {
letter-spacing: 0;
}
4. word-spacing负值
.space {
display：inline-table；(为了兼容Chrome)
word-spacing: -6px;
}
.space a {
word-spacing: 0;
}
三. inline-block和baseline