html - 如何在没有固定宽度的情况下居中分页？

Question

我有一个分页并希望将其居中: http://jsfiddle.net/6819rhLf/

<ul class="slidesjs-pagination">
    <li class="slidesjs-pagination-item">
        <a href="#" data-slidesjs-item="0" class="active">1</a>
    </li>
    <li class="slidesjs-pagination-item">
        <a href="#" data-slidesjs-item="1">2</a>
    </li>
    <li class="slidesjs-pagination-item">
        <a href="#" data-slidesjs-item="2">3</a>
    </li>
</ul>

margin-left auto; slidesjs-pagination 上的 margin-right: auto; 仅在 slidesjs-pagination 获得固定宽度时才有效。但我不知道会有多少元素，所以固定宽度不适合我。

代码是用 JS 生成的，所以我想有一个解决方案，如果可能的话，我不需要父 div。

Answer 1

在 ul 周围添加了一个 div，并在 CSS 中添加了 cloud class，如下所示

<div class="cloud">
 //<ul>...</ul>
</div>

CSS 类

.cloud
{
    display:table;
    margin:0 auto 0 auto;
}

看看this拜托，希望对您有所帮助