更新マージン：divがサイズ変更されるときに自動

Question

div内にdivを配置すると、親divのサイズが変更されたときでも中央に残ります。これまでのところ、試しました

余白：0自動;および margin-left：auto; margin-right：auto;

どちらも動作しますが、divサイズが変更されると再配置されません。ありがとう:)）））

マークアップ：

<div id='bottomcontent' style="float: left; position: absolute; left: 0; bottom: 0; background-color:#0b0b0b; height:100px; width:796px;"> 

    <div id="bottomleftbutton" style="margin-left: 25px;">stuff here </div> 
    <div id="bottomcentertext" style="margin-left: auto; margin-right: auto;">so far 
    <h4>17</h4> 
    places match your criteria</div> 
    <div id="bottomrightbutton" style="float: right; margin-right: 25px;">stuff here </div> 


</div> 

Answer 1

スタイルこれで、内側のdiv：あなたのmargin:auto;のためにはhttp://jsfiddle.net/2K4Gp/

Answer 2

：

position:absolute; 
top:0; 
bottom:0; 
left:0; 
right:0; 
margin:auto; 

ここでの例を参照してください。あなたはdivに幅を設定する必要があります。

あなたはこの

<div id="bottomcentertext" style=" 
    margin-left: auto; 
    margin-right: auto; 
    width:300px; //NEW 
    color:white;"> 

のような何かをしたのであれば、それは動作します。

例：[？問題は何]http://jsfiddle.net/jasongennaro/j96ft/