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不包含在父级ul或ol.