根据子元素的数量设置分页的宽度

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中。