如何中心對準的子格

我需要中心對齊父DIV內的子格而不使用text-align:center/align:center;如何中心對準的子格

基本上我嘗試了以下示例。我意識到，爲了margin:auto工作，我需要指定一個寬度（不能使用自動）到子div。但是，如果子div的寬度從0px變到500px，我該怎麼做？

看到例如：

<div style="width:450px;height:500px;background:pink;"> 
    <div style="width:100px;height:200px;background:black;color:#fff;margin:auto;"> 
     hello world 
    </div> 
</div>

來源

2011-05-02 nuttynibbles

因此，當「sub div」的'width'大於'450px'時，會出現這種情況？ http://jsfiddle.net/YHRmz/否則，你能解釋更多嗎？ – thirtydot 2011-05-02 06:22:36

hi thirtydot，當subDiv的寬度爲auto時發生這種情況。我的意思是說subDiv的寬度是動態的，但它的最大寬度是500px =） – nuttynibbles 2011-05-02 06:33:07

''sub div width''從哪裏來？如果你在「sub div」上設置了'width：auto'，它將擴展到父元素的寬度，如下所示：http://jsfiddle.net/YHRmz/1/：S – thirtydot 2011-05-02 06:35:53

-1

您可以使用中心標籤來做到這一點。在父div標籤後使用中心標籤。

來源

2011-05-02 06:21:38 Ankit

嗨，但這不會工作，如果subDiv寬度是自動?? – nuttynibbles 2011-05-02 06:34:50

'已棄用。 – kapa 2011-05-02 12:14:13

@bazmegakapa：但nuttynibbles告訴說，沒有對齊，所以不贊成有時可以使用。 – Ankit 2011-05-02 12:23:04

使用margin: auto，但爲了工作，您需要指定div的寬度（和您一樣）。

來源

2011-05-02 06:23:12

你是對的，你可以使用margin:auto;。您還可以使用：

margin-left:auto; margin-right:auto;

但是，看起來你的內部div比你的外部div大。如果你縮小內部分區它將工作，如下所示：http://jsfiddle.net/TpFwh/4/

來源

2011-05-02 06:34:04 ninjagecko

如何中心對準的子格

回答

相關問題