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