未知宽度的div水平居中

在页面布局的时候，经常会遇到div的宽度是变化的，但是要保证div始终水平居中。

有一个比较方便的方法：

<div style=" text-align:center">
        <div class="pagination" style=" display:inline-block">
            <ul>
                <li><a href="#">« 上一页</a></li>
                <li class="active"><a href="#">1</a></li>
                <li><a href="#">2</a></li>
                <li><a href="#">3</a></li>
                <li><a href="#">4</a></li>
                <li><a href="#">5</a></li>
                <li><a href="#">6</a></li>
                <li><a href="#">7</a></li>
                <li><a href="#">8</a></li>
                <li><a href="#">9</a></li>
                <li><a href="#">10</a></li>
                <li><a href="#">下一页 »</a></li>
            </ul>
        </div>
    </div>

在外面的div加上text-align:center;

里面的div加上display:inline-block;

就可以了。