使用css对齐菜单

<style>
    ul {
        list-style-type: none;
    }

    li {
        float: left;
        margin-right: 10px; /* 可选，设置菜单项之间的间距 */
    }
</style>

<ul>
    <li><a href="#">菜单项1</a></li>
    <li><a href="#">菜单项2</a></li>
    <li><a href="#">菜单项3</a></li>
</ul>

<style>
    ul {
        list-style-type: none;
    }

    li {
        display: inline-block;
        margin-right: 10px; /* 可选，设置菜单项之间的间距 */
    }
</style>

<ul>
    <li><a href="#">菜单项1</a></li>
    <li><a href="#">菜单项2</a></li>
    <li><a href="#">菜单项3</a></li>
</ul>

<style>
    ul {
        list-style-type: none;
        display: flex;
        justify-content: center; /* 可选，设置菜单项的水平对齐方式 */
    }

    li {
        margin-right: 10px; /* 可选，设置菜单项之间的间距 */
    }
</style>

<ul>
    <li><a href="#">菜单项1</a></li>
    <li><a href="#">菜单项2</a></li>
    <li><a href="#">菜单项3</a></li>
</ul>