导航栏到中心

时间:2014-03-25 06:44:43

标签: html5 css3 web menu

我设计了一个标题,页面的中心带有徽标和一些链接。在标题下方,我有导航菜单,该菜单与页面左侧对齐。我希望导航菜单到页面的中心,如下所示。我如何实现这一目标?这是代码链接http://codepen.io/anon/pen/ihamG/。如果我添加保证金0自动;菜单崩溃了。

1 个答案:

答案 0 :(得分:3)

添加以下内容:

#nav    
- text-align:center;

#nav > li
- display:inline-block;
- *display:inline; /*IE7*/
- *zoom:1; /*IE7*/  

并删除:

#nav > li
- display:inline;
- float: left;

更新,分叉的codepen: http://codepen.io/anon/pen/dbqzw/