0

インラインで表示される要素があり、それらの間に水平方向のスペースがあります。これで問題ありませんが、現在と同じクロスバウアーになるように間隔を空ける必要があります。フロートを使用せずにこれを達成できますか?

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;
}    
​
​
4

1 に答える 1

0

あなたはまだSELECTを閉じていません（今は2番目の部分）...

追加するだけ

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

SELECTボックスに関連するブラウザ固有の動作をオーバーライドするには...たとえば、chromeは、指定されていない場合、パディングとマージンをブラウザに追加します。

これは、すべてのSELECが閉じられ、パディングとマージンが指定されたフィドルであり、私にとっては機能します：http: //jsfiddle.net/2uBuu/6/

于 2013-01-03T12:49:15.367 に答える