将ul中的文本与浮动li's居中

如果需要为lis动态显式宽度,可以使用内联块。

#list { text-align:center; }
#list li { display:inline-block; }

你必须 work around for IE

我找到一个 very simple solution ,在FF和IE中对我都有效:

CSS:

#footer{text-align:center;list-style:none}
#footer li{display:inline}

HTML格式:

<ul id=”footer”>
<li><a href=”1.asp”>Link 1</a></li>
<li><a href=”2n.asp”>Link 2</a></li>
<li><a href=”3.asp”>Link 3</a></li>
</ul>