內聯樣式元素具有不同的水平間距跨瀏覽器

Question

我有內聯顯示的元素，並且它們之間有一些水平間距。這很好，但我需要的間距的數量是它目前不是相同的交叉涼亭。我可以實現這一點，而不使用浮動？

我需要支持IE7，所以我不能使用內聯塊，雖然我可以使用IE7樣式表，如果必要的話。

http://jsfiddle.net/2uBuu/3/

<div> 
    <label>label</label> 
    <select> 
     <option>1</option> 
     <option>2</option> 
     <option>3</option> 
    </select> 
</div> 
<div> 
    <label>label</label> 
    <select> 
     <option>1</option> 
     <option>2</option> 
     <option>3</option> 
    </select> 
</div> 



<div> 
    <label>label</label> 
    <select> 
     <option>1</option> 
     <option>2</option> 
     <option>3</option> 
    <select> 
</div> 
<div> 
    <label>label</label> 
    <select> 
     <option>1</option> 
     <option>2</option> 
     <option>3</option> 
    <select> 
    </div> 

div { 
    background-color: blue; 
    display: inline; 
} 
label { 
    display: none; 
}  
​ 
​ 

Answer 1

你還是不打烊的選擇（現在是第二部分）...

只需添加

select{ 
    padding: 0px; 
    margin: 0px; 
} 

重寫瀏覽器選擇框相關的具體行爲例如，如果未指定，chrome會爲它們添加填充和邊距。

這是所有選擇小提琴封閉，填充和保證金規定，以及它爲我工作：http://jsfiddle.net/2uBuu/6/