如何自动居中div元素是另一个div元素里面

Question

让我们假设下面的用例： 在此link

的HTML代码的工作示例普莱舍看看：

<div class="container"> 
    <div class="centerElem"> 
     the width of this div could be variable 
    </div> 
</div> 

的CSS风格：

.container { 
    width: 500px; /*this can also change */ 
} 
.container .centerElem{ 
    margin-right: auto /*unfortunately, it works only if I set properly the width*/ 
    margin-left: auto /*unfortunately, it works only if I set properly the width*/ 
} 

现在，它的工作原理是这样的：

 ||the width of this div could be variable|       | 

而且我想作这样的工作，不知道内部div元素的宽度：

 |    |the width of this div could be variable|   | 

Answer 1

这有点烦人，因为你问题中的代码与你的jsFiddle中的代码不匹配。

在.subcon上使用display: inline-block，与上的text-align: center组合，您已经拥有。

像这样：http://jsfiddle.net/thirtydot/euYTQ/66/

或用在你的问题的代码：http://jsfiddle.net/thirtydot/euYTQ/67/

Answer 2

添加text-align:center到外的div似乎只是正常工作

的jsfiddle：http://jsfiddle.net/HtfZ4/