javascript - 子要素の数に応じてページネーションの幅を設定する

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

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