css：添加新页面时自动在页面上居中导航

Question

jsfiddle：http://jsfiddle.net/tmjuv/

基本上，我希望导航块在页面上居中。如果页面数是静态的，我可以添加宽度并执行margin:0 auto（示例here）;但是，在这种情况下，它将用于主题，因此无论用户添加多少页面，导航都必须居中。这只能用css吗？

Answer 1

看看这个：http://jsfiddle.net/tmjuv/10/

它使用display: table，无需更改html代码的结构即可运行。

我没想看看这个例子是否在所有浏览器中运行。

编辑：

看看这个解决方案：http://jsfiddle.net/tmjuv/12/。它适用于ul的透明背景颜色和li的背景颜色。你可以试试这是否适用于所有的浏览器（不幸的是我在这台电脑上只有FF和IE9 ..）

Answer 2

你可以这样做： http://jsfiddle.net/meo/tmjuv/8/

需要包裹UL。如果它不在您的实际代码中，因为您无法更改它，您将需要一些JS来执行它。我认为没有纯粹的CSS解决方案。 但它需要浏览器理解inline-block。什么不是IE6的情况。

Answer 3

如果您将<ul>设置为text-align: center而将<li>设置为display: inline-block;，则可以为您提供所需的效果。

• http://jsfiddle.net/pauldwaite/QJgT8/1/

不完全确定它在IE的旧版本中是否可行 - 我认为 inline-block仅在版本8的IE中的块级元素上受支持。