我正在使用一个非常简单的 UIKIT 导航栏布局。
导航项默认左对齐。
我正在尝试使用 uk-navbar-center 将导航栏元素居中,这会产生此结果
如您所见,这些元素并未完全居中。
这是我的代码:
<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>
知道为什么这不是居中的吗?
非常感谢!
最佳答案
我找到了解决方案。您需要使用 flex 组件。 如果您添加以下两个类 uk-flex 和 uk-flex-center 这将使菜单项居中。
关于javascript - UIkit uk-navbar-center 不居中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36972829/