如何集中在我的WordPress网站导航菜单

问题描述：

我试图用CSS来集中在我的WordPress网站的菜单：如何集中在我的WordPress网站导航菜单

http://thewholesomebakery.co.uk/

我知道，我必须删除float:left;但解决方案似乎从theme到theme不等。

任何人都可以帮我解决这个问题吗？

的可能的复制[如何中心，CSS或HTML导航栏？]（https://stackoverflow.com/questions/5995405/how -to-center-a-navigation-bar-with-css-or-html） – FluffyKitten

请在此处添加有意义的代码和问题描述。请不要链接到需要修复的网站 - 否则，一旦问题得到解决，或者您链接到的网站无法访问，此问题将对未来的访问者失去任何价值。发布 [最小，完整和可验证示例（MCVE）]（https://stackoverflow.com/help/mcve）演示您的问题将帮助您获得更好的答案。欲了解更多信息，请参阅 [我网站上的某些内容不起作用。我可以直接粘贴一个链接吗？]（https://meta.stackexchange.com/questions/125997/）谢谢！ – j08691

答

使用这个CSS：

.site-bar .nav { 
 
    width: 100%; 
 
    float: none; 
 
    text-align: center; 
 
} 
 

 
.navigation > li { 
 
    float: none; 
 
    display: inline-block; 
 
}

这工作，谢谢。 –

答

您可以删除浮动并添加margin: auto;。关于centering things的w3c页面对于任何Web开发人员来说都是绝对必读的。

答

你的CSS更改为：

.site-bar .nav { 
    float: left; 
    width: 100%; 
    padding-top: 3px; 
    text-align: center; 
} 

.nav ul { 
    margin: 0; 
    padding: 0; 
    list-style: none; 
    display: inline-block; 
}

应该居中顶部导航！

如何集中在我的WordPress网站导航菜单

相关推荐