-4

私はメインコンテナ940ピクセルを持っています

それぞれ幅 250px のメイン コンテナ内に 2 つの div がある

これらのボックスをメイン コンテナーの中央に揃えて配置します。ただし、問題は、2 番目の div が動的に追加されることです。したがって、2 番目の div がない場合は、最初の div を中央に配置する必要があります。2 番目の div が追加されると、両方が 940 ピクセルのメイン div に従って中心に配置される必要があります。

いろいろ試しましたが解決には至りませんでした。助けてください！

ここに簡略化されたコードがあります

CSS

   div.box {
    background: #EEE;
    height: 400px;
    width: 940px;
}
div.left {
    background: #999;
    float: left;
    height: 390px;
    width: 250px;
}
div.right {
    background: #666;
    height: 390px;
    width: 250px;
    float: left;
}
div.clear {
    clear: both;
}

HTML 

 <div class="box">

       <div class="left">Tree</div>
       <div class="right">View</div> ( this div will dynamically add)
       <div class="clear" />

    </div>

ありがとう

4

3 に答える 3

0

margin:auto;あなたに追加するだけdiv.boxで、中央に表示されます

JSフィドルのデモ

編集: ここでは、2 番目の div (".right") を非表示にし、正常に動作しています。

2 番目のデモを(マイナス)押すCtrlと-

于 2013-08-07T12:21:55.813 に答える
0

div.boxあなたのcssでこれを試してください

 margin:0px auto;

デモ チェックについては、これをJSFIDDLE DEMOに出力します

于 2013-08-07T12:07:49.463 に答える