html - 导航菜单不居中

标签 html css menu navigation

我对这个领域很陌生,所以经过几个小时的尝试并没有找到解决方案,我希望这里有人会用答案启发我......我的导航菜单没有居中浏览器屏幕(位于浏览器右侧的 23px) 有什么解决办法吗?

Jsfiddle

附言它是响应式的,所以如果你不先放大 jsfiddle 的视口(viewport),你可能不会明白我的意思......

最佳答案

问题:

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

解决方法:

您可以删除 .menu 元素的宽度,然后将 display:inline-block;.menutext -align:center; 到它的父级(body)。

Jsfiddle

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

相关文章:

html - 是否可以在 css 样式表中嵌入字体,而不是在每个网页上定义字体?

html - 为什么我的 UL 背景色没有覆盖 LI 元素?

html - 如何允许用户选择多个文件进行上传?

javascript - 外部 JavaScript 文件的字符集 UTF-8

javascript - 通过 JavaScript 立即更改大小时,CSS 过渡不会动画

css - margin-top 值未被应用

html - 2x2 flex 元素网格旁边的大型 flex 元素

html - 如何在 fabric.js 中创建视口(viewport)

java - 当我猜错单词时,为什么我的菜单不显示?

java - JAVA GUI 中的复选框菜单项 Decrypt