时间戳

首页 > 解决方案 > 我如何将列表居中？

html - 我如何将列表居中？

问题描述

我有一个要居中的 href 链接列表。

<div id="top-nav">
    <ul>
        <style>
            ul li,
            ul li a {
                color:black;
                font-size:20px;
            }
        </style>
        <li><a href="Howdoesitwork%20Media.html">How Does it Work?</a></li>
        <li><a href="FAQ%20A%20Bug.html">FAQ</a></li>
        <li ><a href="Discordserver.html">Discord Server</a></li>
    </ul>
</div>

到目前为止我已经尝试过

<li style="text-align:center;><a href="Discordserver.html">Discord Server</a></li style="text-align:center;>

和

<li><a style="text-align:center;href="Discordserver.html">Discord Server</a style="text-align:center;></li>`

这些都不起作用

既然有三个，有没有一种方法可以将其中一个列表居中并在居中的列表的左侧和右侧分别放置一个？

标签： htmlcsshtml-lists

解决方案

你可以试试我觉得会有帮助

 .top-nav , ul { 
   display:flex;
   flex-direction:column;
   justify-content: center;
   align-items: center;
}

推荐阅读