谷歌浏览器显示空间

Question

我在Chrome浏览器中遇到CSS <buttons>问题，它显示<buttons>之间的空间，但是在Opera和IE中它可以，为什么？谷歌浏览器显示空间<buttons>

以下是完整的CSS代码：

button { 
    border: 1px solid #bdbdbd; 
    text-shadow: 0 1px 1px white; 
    font: bold 11px Sans-Serif; 
    padding: 6px 8px; 
    white-space: nowrap; 
    vertical-align: middle; 
    color: #666; 
    background: -webkit-linear-gradient(top, white, #E0E0E0); 
    background: -moz-linear-gradient(top, white, #E0E0E0); 
    background:  -ms-linear-gradient(top, white, #E0E0E0); 
    background:  -o-linear-gradient(top, white, #E0E0E0); 
    cursor: pointer; 
    text-decoration: none; 
    margin-right: -1px; 
} 

下面是HTML代码：

<div><button type="button">Send</button><button type="button">Reset</button></div> 

感谢您的帮助。

Answer 1

似乎也是左边缘。这在Chrome中纠正它（不知道它会在其他浏览器中做什么）...我编辑了保证金属性。

button { 
border: 1px solid #bdbdbd; 
text-shadow: 0 1px 1px white; 
font: bold 11px Sans-Serif; 
padding: 6px 8px; 
white-space: nowrap; 
vertical-align: middle; 
color: #666; 
background: -webkit-linear-gradient(top, white, #E0E0E0); 
background: -moz-linear-gradient(top, white, #E0E0E0); 
background:  -ms-linear-gradient(top, white, #E0E0E0); 
background:  -o-linear-gradient(top, white, #E0E0E0); 
cursor: pointer; 
text-decoration: none; 
margin: 0 -1px 0 0; 
} 

Answer 2

每一组按钮都包含在div之内，其中有三（3）个像素的margin-left。

编辑 Chrome也应用一个（1）像素的默认边距。您需要将边距设置为零（0）以消除这些间距。