html - Materialise 导航内容不会居中 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:中心；。这应该可以解决问题；)