-1

私は2つのdivを持っています。外側のdivの幅はパーセンテージで示され、内側のdivの幅は。で示されposition:absoluteます。外側のdivの幅のパーセンテージに関係なく、内側のdivを外側のdivの中央に揃えたい。

position:absolute内部divから削除すると正常に動作しますが、それが必要です。どんな助けでも大歓迎です。

私は次のコードを持っています:

<div class='container' style='width:70%; position:relative'>
   <div style='position:absolute; text-align:center' align='center'>
        //contents
   </div>
</div>
4

1 に答える 1

2

次のことができます。

  1. divtext-align:centerに追加:.container

    .container{
        text-align:center;
    }
    
  2. 別のdivや画像などを中央に配置しようとしている場合は.container、それらのアイテムを次のように設定しますmargin:0 auto;

    .container > div{
        margin: 0 auto;
        /* note that div needs to be a block element and needs a given width */
    }
    

それはあなたの問題に役立つはずです。

于 2012-07-25T11:27:25.917 に答える