去除inline-block元素间间距的方法

inline-block元素之间会有间距存在

如何去掉间距？

1.移除空格

<input type="text" /><input type="sumbit" value="提交" />

<input type="text" /><!--

--><input type="sumbit"  value="提交">

2.使用margin负值

.space a{display:inline-block;margin-right: -3px}

margin负值的大小与上下文的字体和文字大小相关

列如：
对于12px大小的上下文，arial字体的margin负值为-3px；tahoma和verdana就是-4px；而geneva为-6px

不适合大规模使用

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}

通用于所有的浏览器，唯独opera浏览器下有问题： 最小间距1px,未测试

5.使用word-spacing

.space{word-spacing: -4px}

.space a{word-spacing:0}