中心div在另一个具有绝对位置的div内

Question

我正试图让div在另一个div中居中，即使它调整大小，

如果'inside' div中有多个带有'outside'个等级的div，那么如果有足够的空间，它们应该居中对齐，否则会相互滑动。

以下作品：

#outside {
 width: 100%;
 text-align:center
}
.inside {
 display: inline-block;
 width: 32%;
 margin: 0 auto;
}

但我希望.inside元素具有position:absolute

的效果相同

这可能吗？

这是一个例子：http://jsfiddle.net/172on5sb/

Answer 1

我没有看到必须将属性position设置为absolute的必要性。为什么不使用position: relative？它的行为方式非常相似。然后，您可以将父级设置为text-align: center，将子级（本身）设置为margin: auto，从而使其居中。

Bam，居中div。

编辑：根据OP的要求：

<div style="position: absolute; left: 50%;"> <div style="position: relative; left: -50%;

这是一个黑客，但它运作正常。