html - 如何让我的 <li> 在我的导航中居中

Question

.ul_center{
    margin: 0 auto;
}
    
.li_center{
    list-style: none;
    padding: 5px;
    background-color: yellow;
    display: inline-block;
}

<nav>
    <ul class="ul_center">
        <li class="li_center">testing1</li>
        <li class="li_center">testing2</li>
        <li class="li_center">testin3</li>
        <li class="li_center">testing4</li>
        <li class="li_center">testing5</li>
    </ul>
</nav>

如何获得我的 <li>以我的屏幕为中心。 我认为它可以与 margin: 0 auto; 一起使用但它不起作用。

Answer 1

添加这段代码:

.ul_center{
    text-align: center;
}

因此，您需要做的就是用 text-align 替换边距，这样就可以了。