消除button或inline-block元素之间的空白间距

解决办法：删除元素间多余空格

如：
<button type="button" class="btn">按钮1</button>

<button type="button" class="btn">按钮2</button>

改为：

<button type="button" class="btn">按钮1</button><button type="button" class="btn">按钮2</button>

或：

设置父元素样式：font-size:0;     

（完美解决！）

产生原因：

由于【button元素】在浏览器中属性默认为inline-block，因此代码中空格会被显示为的空白。

其他属性为inline-block的元素也会产生此现象，编写样式的时候注意即可。