Google 크롬이 사이에 공백을 표시합니다 <buttons>

Google 크롬의 CSS <buttons>에 문제가 있습니다.이 파일은 <buttons> 사이의 공백을 표시하지만 Opera와 IE에서는 공백이 표시됩니다. 이유가 무엇입니까?Google 크롬이 사이에 공백을 표시합니다 <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에 포함되어 있으며, margin-left은 3 픽셀입니다.

EDIT 크롬도 기본 여백 1 픽셀을 적용합니다. 이 간격을 없애려면 버튼 여백을 0으로 설정해야합니다.

출처

2012-02-12 00:35:19

나는 다른 버튼 사이에 1px 공간이 있다는 사실을 언급하고 있습니다 (Chrome에서만). –

@TimothyAaron 내가 돌아볼 때 나는 그것을 알아 차렸다. –

'margin : 0;'이 작동합니다. 팁을 주셔서 감사합니다. – Edoras

Google 크롬이 사이에 공백을 표시합니다 <buttons>

답변

관련 문제