は、自動的に別のdiv要素内にあるdiv要素をセンタリングする方法

Question

はのは、次のユースケースを想定してみましょうスタイル：

.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に.containerを組み合わせて使用​​してください。 http://jsfiddle.net/thirtydot/euYTQ/66/

またはあなたの問題のコードを持つ：http://jsfiddle.net/thirtydot/euYTQ/67/

Answer 2

は、外側のdivにtext-align:centerを追加するだけで正常に動作するようです

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