实现导航内容不会使ul元素居中

Question

我正在尝试使用中心选项将导航内容居中

So it will look like this.

但是，它不适用于ul属性。

Ends up looking like this instead.

我的代码：

...
        <div class="nav-content center" style="background-color: black">
            <ul class="tabs tabs-transparent">
                <li class="tab"><a href="">Test 1</a></li>
                <li class="tab"><a href="">Test 2</a></li>
            </ul>
        </div>
    </nav>

解决方案：

mdubus的答案是正确的，但它必须位于ul元素中而不是div中，才能使用Materialize进行工作。

Answer 1

在您的div nav-content center上，只需添加一个display:flex; justify-content:center;。那应该可以解决问题；）

Answer 2

我不熟悉materielize，您可以使用css做到这一点，方法是将父元素设置为：flex并证明内容为：center;或仅通过设置.nav-content {text-align：center; }