我对这个领域很陌生,所以经过几个小时的尝试并没有找到解决方案,我希望这里有人会用答案启发我......我的导航菜单没有居中浏览器屏幕(位于浏览器右侧的 23px
) 有什么解决办法吗?
附言它是响应式的,所以如果你不先放大 jsfiddle 的视口(viewport),你可能不会明白我的意思......
最佳答案
问题:
您的 .menu
宽度小于其子项,因此未居中。您可以增加宽度或执行以下解决方案。
解决方法:
您可以删除 .menu
元素的宽度,然后将 display:inline-block;
给 .menu
和 text -align:center;
到它的父级(body
)。
关于html - 导航菜单不居中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33718082/