居中一个绝对定位的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

回答

相关问题