解决inline-block元素之间有一段小间隙

对于display为inline-block的元素（如：button或者设为inline-block的span元素等）之间会出现一个诡异的间隙。

这是由于标签之间的回车导致的，真是个有（dan）趣（tong）的case。

样式：

	*{
		padding: 0;
		margin: 0;
	}
	.btn-wrapper{
		width: 100%;
	}
	.btn-wrapper button{
		width: 100px;
		height: 100px;
		background-color: red;
		border: none;
	}

html代码：

<div class="btn-wrapper">
	<button>1234</button>
	<button>2345</button>
</div>

结果如图：

如果css不变将html代码改成：

<div class="btn-wrapper">
	<button>1234</button><button>2345</button>
</div>

两个button之间的间隙会消除，但是这样显然在做开发时必然会很尴尬~~~。

当然，既然写这篇文章就必然会有更好的解决方法，-_-||。

如下html不变，css改为：

	.btn-wrapper{
		width: 100%;
		letter-spacing: -0.5em;/*去掉间隙*/

	}
	.btn-wrapper button{
		letter-spacing: normal;
		width: 100px;
		height: 100px;
		background-color: red;
		border: none;
	}

完美解决问题，需要注意的是 letter-spacing的值取决于字体的family和大小。