Question

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

我需要支持IE7所以我不能使用内联块，虽然我可以使用IE7样式表，如果absoulty必要。

<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会为它们添加填充和边距。

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

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

1 个答案: