0

尝试了很多不同的东西，但在这个导航栏居中仍然有很多麻烦：http: //www.miriammedical.co.uk/miriam2012

如果我按照这里的建议... 编辑导航菜单 - 我如何包装显示：块，浮动：左有一个居中的菜单？ ...这是添加一个fixed with并使用margin 0 auto，所发生的只是列表出现偏离中心。

然后是这个，它建议使用 margin-left: auto 和 margin-right: auto... CSS 问题 Centering NavBar ... 但同样的事情，它是偏离中心的

还有其他教程建议使用float：left，但是每当我添加浮动（到列表本身或列表及其容器）时，我要么让列表出现在屏幕的最左侧，要么我只得到所有东西拆分出现在容器中的间隙，而不是列表在一行上。

我知道这是一个经常被提及的话题，但同样的旧建议对我不起作用。我显然错过了一些东西，所以我们将不胜感激。希望有一些说明可以澄清核心编码问题，而不是网上的所有其他答案，这些答案似乎只是提出了相同的基本建议。谢谢。

4

2 回答 2

0

这不是最终解决方案，但在这种特定情况下它有效

ul#nav {
font-size: 12px;
width: 666px;
margin: auto;
alignment-baseline: central;
}

具有 any width , with 的元素margin:auto;将获得相对于其父级的居中位置

于 2013-07-04T12:44:06.370 回答
0

你可以使用这个：

div.navbar_wrapper { text-align: center; }
ul#nav { display: inline-block; width:auto; }
于 2013-07-04T12:44:31.010 回答