Html 实现赢得的导航内容'；t中心ul元件

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

但是，它对ul属性不起作用

我的代码：

...
        <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工作。

在div

导航资源中心上，只需添加一个
显示：flex；证明内容：中心。这应该可以奏效；）
 我不熟悉Materialize，你可以使用css，将父元素stting为：
flex
，并调整内容：center；或者简单地像这样设置.nav content{text align:center；}
<代码>
似乎什么都没做……它对我很有用：这不是你想要的吗？编辑：我添加了内联样式，因为它符合您的需要，并删除了背景色以获得更高的可视性。通过将其放置在ul元素中，我可以使其正常工作。我想如果Materialize放在div元素中，它仍然会覆盖它。