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

Question

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

我需要支持 IE7，所以我不能使用 inline-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

您仍然没有关闭 SELECTs（现在是第二部分）......

只需添加

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

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

这是一个关闭所有 SELECT 并指定填充和边距的小提琴，它适用于我：http: //jsfiddle.net/2uBuu/6/