居中一個絕對定位的div內的div

-1

我有兩個div，一個在另一個裏面。外部div的寬度以百分比給出，內部div給出position:absolute。我想對齊外部div的中心內部div，而不考慮外部div的寬度百分比。居中一個絕對定位的div內的div

它工作正常position:absolute從內部股利，但我需要的。任何幫助將不勝感激。

我有以下代碼：

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

來源

2012-07-25 Aneeta Sharma

檢查出這個問題，例如 - http://stackoverflow.com/questions/11332414/simplest-vertical-alignment-we-can-think-of – shabunc 2012-07-25 11:22:44

可能重複[如何在DIV中居中DIV？]（ http://stackoverflow.com/questions/114543/how-to-center-div-in-div）;這個問題被問到萬億次在網絡上... – feeela 2012-07-25 11:24:35

你可以做到以下幾點：

添加text-align:center到.container DIV：

.container{ 
    text-align:center; 
}

如果你想以.container爲中心的另一個div或圖像等然後將這些項目設置爲具有以下margin:0 auto;，例如
```
.container > div{ 
    margin: 0 auto; 
    /* note that div needs to be a block element and needs a given width */ 
} 
```

這應該與您的問題有所幫助。

來源

2012-07-25 11:27:25

例如：[小提琴]（http://jsfiddle.net/Cm3G2/） – 2012-07-25 11:31:24

沒有幫助。我嘗試了doin margin：0 auto。它也沒有工作 – 2012-07-25 11:38:13

@anaida - 你能給我們一個鏈接到你的網頁或使用你的代碼創建一個jsfiddle嗎？ – 2012-07-25 11:40:09

居中一個絕對定位的div內的div

回答

相關問題