居中导航菜单

-3

一直试图理清导航栏的中心位置，正好位于横幅上方（link）。在这里通过一些解决方案，我玩弄了自定义CSS来尝试某些变化，但仍然不能得到我所追求的。简单地说，我只是想让菜单居中。我已经读过，它必须是固定的宽度，但后来听说过。希望解决办法是我可以得到我的头。居中导航菜单

感谢

来源

2013-02-22 kolonel

请添加有意义的代码和问题描述在这里。请不要将链接到需要修复的网站 - 否则，一旦问题得到解决，此问题将会丢失未来访问者的任何价值。发布 [简短，独立，正确的示例（SSCCE）]（http://www.sscce.org/），这表明您的问题将帮助您获得更好的答案。有关更多信息，请参阅 [我的网站上的某些内容不起作用。我可以只粘贴一个链接到它吗？]（http://meta.stackexchange.com/questions/125997/）谢谢！ – 2013-02-22 23:32:05

kolonel，堆栈溢出遵循相当严格的问答格式，您在这里没有问题。 – dgvid 2013-02-22 23:32:48

你有大量的'浮动'属性，防止居中可能 – 2013-02-23 00:21:27

您需要从样式表中删除一些的CSS规则，并添加一些 - 见下面的CSS，从而获得所需的布局。

CSS：

#header #navigation { 
    /*float: left;*/ /* remove this property*/ 
} 
#header #navigation { 
    background: none repeat scroll 0 center transparent; 
    box-shadow: none; 
    clear: none; 
    /*float: right;*/ /* remove this property*/ 
    /*width: auto;*/ /* remove this property*/ 
    width: 285px; /* add width here to get the actual width of menu so we can make it center*/ 
}

见截图：

enter image description here

来源

2013-02-23 08:44:51 w3uiguru

居中导航菜单

回答

相关问题