如果您的列表项可以,解决方案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%; }