直接把元素改为行内元素，既display:inline，然后就可以用text-align:center了。但是这样width和height就不能设置了

.container{ text-align:center; }

.container ul{ list-style:none; padding:0; display:inline; }

.container li{ margin-right:8px; border-style: solid;

                  display:inline; }

<div class="container">
    <ul>
        <li><a href="http://www.mamicode.com/#">1</a></li>
        <li><a href="http://www.mamicode.com/#">2</a></li>
        <li><a href="http://www.mamicode.com/#">3</a></li>
    </ul>
</div>

水平居中2