其实，只要 ul 的父元素 css 样式设了 text-align: center; 然后 ul 设了 display: inline-block; li 再设 display: inline; 就可以了。

html标签

<pre style="font-family:'Courier New' !important;"><div id="footer">
<ul>
<li>内容</li>
</ul>
</div></pre>

css样式

复制代码

<pre style="font-family:'Courier New' !important;">#footer {
text-align: center;
}

footer ul {

display: inline-block;
overflow: auto;

}

footer ul li {

display: inline;
float: left;

}</pre>

复制代码

这样其实是让ul在父元素中居中了，不过达到了我们想要的效果，还有就是我觉得其实没必要再给li设置display:inline;因为给一个元素设置position:absolute和float后会隐式的将该元素改变为inline-block。

转载自http://www.cnblogs.com/zempty/p/4298343.html