解决办法:删除元素间多余空格
<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的元素也会产生此现象,编写样式的时候注意即可。