幅が指定されていない場合、親div内の左揃えの子divを中心に

Question

コンテナdivを別のdiv内に中央揃えしたい場合、コンテナの子divも中央揃えにする必要があります。子divは可変で予測不可能な幅です。例えば

：

<div> 
    <div class="container"> 
     <div class="child"><img />Text</div> 
     <div class="child"><img />Text Widest</div> 
     <div class="child"><img />T</div> 
    </div> 
</div> 

私はFirefoxで動作するソリューションを見つけましたが、ユニバーサルソリューションが必要です。私はJavaScriptを使ってイメージ、テキスト、divを測定することも考えましたが、私はただCSSに気づかず、シンプルで洗練されたソリューションがあると確信しています。ここでは単にFirefoxでどのような作品です：

.container { 
    width: -moz-max-content; 
    margin: 0px auto 0px auto; 
    border-style: solid; 
} 

.child { 
    border-style: solid; 
    margin: 0px auto 0px auto; 
} 

Answer 1

.container { 
    display: table; 
    margin: 0 auto; 
} 
.container > .child { 
    display: table-cell; 
}