谷歌瀏覽器顯示空間<buttons>

我在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>

感謝您的幫助。

來源

2012-02-12 Edoras

似乎也是左邊緣。這在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; 
}

來源

2012-02-12 00:41:27 Scott

每一組按鈕都包含在div之內，其中有三（3）個像素的margin-left。

編輯 Chrome也應用一個（1）像素的默認邊距。您需要將邊距設置爲零（0）以消除這些間距。

來源

2012-02-12 00:35:19

我相信他指的是其他按鈕之間只有1px的空間（僅限於Chrome）。 – 2012-02-12 00:37:17

@TimothyAaron當我回頭看時，我注意到了。 – 2012-02-12 00:38:58

'保證金：0;'工作，謝謝提示。 – Edoras 2012-02-12 00:44:40

谷歌瀏覽器顯示空間<buttons>

回答

相關問題