子要素の数に応じてページ幅の幅を設定する

Question

利用可能な子要素の数に応じてページ幅の幅を設定しようとしています。

これを推論する理由は、それを親div要素内に集中させたいからです。

現時点では、私はUL要素のouterWidthを見つけようとしており、これを反映するようにCSSを設定していますが、それでも動作しません。

アイデア？

http://jsbin.com/ezaqax/edit#javascript,html

Answer 1

あなたはこのためにJavaScriptを必要としない、ちょうどCSS：

div { 
    width:415px; 
    border:2px solid red; 
    text-align: center 
} 
ul { 
    margin-top:20px; 
    display:inline-block; 
    margin:0; 
    list-style:none; 
    padding:0; 
} 

http://jsbin.com/ezaqax/4/edit

あなたはliの途中で空olを持っていた理由はありましたか？また、親ulまたはolに含まれていないいくつかの無効なli要素があります。