【问题标题】:Can't Center Nav Div无法居中导航 Div
【发布时间】:2013-05-29 17:53:07
【问题描述】:

好的,所以我查看了 StackOverflow 上解决导航 div 居中问题的各种帖子。解决方案似乎是:

.menu {
  text-align: center;
}

但无论导航周围的 div 是什么,我在它上面使用它都无济于事。你可以在http://www.dustinlee.co看到问题

我正在使用这个框架:https://github.com/jbckmn/naked-wordpress

请注意导航在左侧。更奇怪的是,当您调整窗口大小时,它几乎开始向中心移动。

让我更加困惑的是它被包裹在这个事实中:

<nav class="site-navigation main-navigation">

这似乎与样式中的任何内容无关。

【问题讨论】:

    标签: wordpress navigation centering


    【解决方案1】:

    将此添加到您的 CSS 中

    header nav ul{display:inline-block;}
    

    【讨论】:

    • 哇,这成功了。我永远不会想到这一点。你介意简单解释一下你是如何得出这个结论的吗?感谢您的帮助,我很感激!
    • 这在 490 像素及以下的屏幕宽度下运行良好。然后它开始向左移动一点。
    • ul 的默认浏览器设置是 display:block - 这使得文本无法居中对齐。 inline-block - 使其成为一个块并在一行中显示。见 - w3schools.com/cssref/pr_class_display.asp
    • @DustinLee 当它低于 490 时添加一个媒体查询并采取 float:left off the li
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2015-04-26
    • 1970-01-01
    • 2013-11-27
    • 2019-10-13
    • 2023-04-03
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多