2011-09-11 37 views
1

是否有可能將div放在div的中間,這樣當父div調整大小時,它仍然停留在中心位置?到目前爲止,我試過更新保證金:當div調整時自動生成

margin:0 auto;和 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> 
+1

(http://jsfiddle.net/Marcel/5bM3Q/),就需要一些相關的標記。 – Marcel

+0

hmmmm ...它確實工作:http://jsfiddle.net/pufamuf/5bM3Q/3/ – pufAmuf

+0

我編輯我的第一篇文章:'bottomcentertext'是我無法重新定位。 – pufAmuf

回答

1

風格內div使用該:

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

在這裏看到一個例子:http://jsfiddle.net/2K4Gp/

+0

你是最好的女士:))))))) – pufAmuf

1

爲了使您的margin:auto;到工作,你需要在div上設置寬度。

所以,如果你做了這樣的事情

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

它的工作原理。

例如:[?有什麼問題]http://jsfiddle.net/jasongennaro/j96ft/