去除inline-block间隔的几种方法

如果你写两个input框，中间会出现间隔，有时候这种情况会对我们的布局产生影响,有以下几种情况可以解决这种问题

• 去掉换行符

  • 由于他会是代码连成一行，影响代码可读性，可以改进以下用注释的方法去掉换行符

• 设置margin-left为负值，去掉间隔

  • margin值的大小需要根据你的上下文的字体和文字设置，外部环境的不确定性很大，而且最后一个元素会多出一个父margin值，不推荐用。
• 设置字体大小
  
  • 从上面可以知道内联块中间的间隔是一个空格的大小，那么我们只需要对空格设置font-size:0，就可以解决了。

以上是我之前比较用的三个方法，后来看到了别人的博客，发现还有几种新的解决方法。

• 让闭合标签吃胶囊

<div class="space">
    <a href="##">惆怅
    <a href="##">淡定
    <a href="##">热血</a>
</div>

• letter-spacing或者word-spacing

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

• 直接在js里去掉

链接地址：http://www.zhangxinxu.com/wordpress/2012/04/inline-block-space-remove-%E5%8E%BB%E9%99%A4%E9%97%B4%E8%B7%9D/