元素是inline-block属性时，会有空白间隙
二. 解决方案
1. html方式
1）将元素之间的空隙去除
div class=space> a href=##>aa >a href=##>ba >a href=##>ca>div>
2）省略闭合标签
div class=space> a href=##>a a href=##>b a href=##>ca>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
https://segmentfault.com/a/1190000002668492