css - 内联样式元素跨浏览器具有不同的水平间距

Question

我有内联显示的元素，它们之间有一些水平间距。这很好，但我需要间距的数量与目前不是的交叉凉亭相同。我可以在不使用花车的情况下实现这一目标吗？

我需要支持 IE7，所以我不能使用内联 block ，但如果绝对必要，我可以使用 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(现在是第二部分)...

只需添加

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

覆盖与 SELECT 框相关的浏览器特定行为...例如，如果未指定，chrome 会为其添加填充和边距。

这是一个关闭了所有 SELECts 并指定了填充和边距的 fiddle ，它对我有用:http://jsfiddle.net/2uBuu/6/