UIkit uk-navbar-center不居中

时间:2016-05-01 22:44:45

标签: javascript html css uikit

我使用的是非常简单的UIKIT导航栏布局。

默认情况下,导航项目保持对齐。

enter image description here

我正在尝试使用uk-navbar-center来中心导航栏项目,这会产生此结果

enter image description here

正如您所看到的,这些项目并非完全居中。

这是我的代码:

<nav class="uk-navbar">
  <ul class="uk-navbar-nav uk-navbar-center uk-hidden-small">
    <li><a href="">Option 1</a></li>
    <li><a href="">Option 11</a></li>
    <li><a href="">Option 2</a></li>
    <li><a href="">Option 3</a></li>
  </ul>
</nav>

<hr class="uk-grid-divider">
<div class="uk-container uk-container-center uk-text-center">
  <a class="uk-button" href="">Link</a>
  <button class="uk-button uk-button-primary uk-button-mini" type="button">Button</button>
  <button class="uk-button" type="button" disabled>Button</button>
</div>

为什么这不是中心的任何想法?

非常感谢!

1 个答案:

答案 0 :(得分:2)

我找到了解决方案。您需要使用flex组件。 如果你添加以下两个类uk-flex&amp; uk-flex-center这将使菜单项居中。