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

Question

我有一个 UL，他的 LI 是正确浮动的。我想将 UL 中的文本居中对齐，但我发现如果我不指定 UL 的宽度，它会认为它是 100%，并且不会将 LI 居中对齐。
但是，我无法为 UL 指定特定宽度，因为 LI 中的数据是动态的。
另外，由于 UL 的宽度为 100%，因此将 UL 包裹在 DIV 中并为 DIV 指定 text-align:center 规则并没有帮助。
有没有 CSS 唯一的方法让 UL 居中它的 LI？
具有上述 LI 的演示页面为 此处

Answer 1

如果您需要 lis 的动态显式宽度，您可以使用内联块。

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

您必须针对 IE 进行解决。

Answer 2

我找到了 非常简单的解决方案，在 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>