我在这个领域很新,所以经过几个小时的尝试,仍未解决,我希望这里的人能为我提供答案...我的导航菜单不在浏览器屏幕中间(在浏览器的右侧是23px)有什么解决方案?

Jsfiddle

附言它具有响应性,因此如果您不首先扩大jsfiddle的视口,则可能看不到我的意思...

最佳答案

问题:

您的.menu宽度小于其子元素的宽度,因此未居中。您可以增加宽度或执行以下解决方案。

解:

您可以删除.menu元素的宽度,然后将display:inline-block;赋予.menu,并将text-align:center;赋予其父级(body)。

Jsfiddle

关于html - 导航菜单未居中,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/33718082/

10-12 02:08