如果您的列表项可以,解决方案
display: inline非常简单:
#footer { text-align: center; }#footer ul { list-style: none; }#footer ul li { display: inline; }但是,很多时候您必须
display:block在上使用
<li>。在这种情况下,以下CSS将起作用:
#footer { width: 100%; overflow: hidden; }#footer ul { list-style: none; position: relative; float: left; display: block; left: 50%; }#footer ul li { position: relative; float: left; display: block; right: 50%; }


