0

私はこのcssを持っています:

#content_search
{
position:relative;
top:50px;
width:650px;
border:5px solid #111;
-moz-border-radius: 5px 5px;
 border-radius: 5px 5px / 5px 5px;

}

firefox、chrome などのすべてのナビゲーターで、問題なく完璧に表示されます。しかし、エクスプローラー9では表示が悪く、エクスプローラーのすべてのバージョンでは、画面の中央を常に左に移動することはできません。

div を中央に配置することは可能ですが、div align=center は使用しません

反対側では、エクスプローラーでこれが機能する可能性があります：

-moz-border-radius: 5px 5px;
 border-radius: 5px 5px / 5px 5px;

エクスプローラーの角を丸くする場合

ありがとうございます。それでは、お元気で

4

3 に答える 3

0

すべてのコーナーが同じ単位になるように設定border-radiusする場合は、位置を指定する必要はありません。ただborder-radius: 5px;うまく動作します。

親 div 内でコンテナ要素を中央に配置する場合は、 を使用しますmargin: 0 auto;。理論的には、親 div をtext-align: center;に、子 div を に設定することもできますがdisplay: inline-block;、margin メソッドはブラウザー間でバグが少ないことがわかりました。

于 2013-03-11T20:35:04.673 に答える
0

CSS

#content_search
{
  position:relative;
  top:50px;
  width:650px;
  border:5px solid #111;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin-left: auto;
  margin-right: auto;
}

HTML

<div id="container">
    <div id="content_search">
        <span>My Content</span>
    </div>
</div>
于 2013-03-12T16:26:25.490 に答える
-1

div を中央に配置するために使用margin: 50px auto;します (省略形のマージンの 50px が を置き換えますtop:50px;)。左マージンと右マージンの両方を auto に使用する場合は、div に幅を設定する必要があることに注意してください。

http://jsfiddle.net/galenw/LWQfA/

于 2013-03-12T18:26:55.347 に答える