<分区>
<分区>
如何在导航中将列表居中?我想列出内容,以“nav”为中心,li 的高度与 nav 的高度相同。这是我的第一篇英文帖子,所以请理解。
header
{
width: 100%;
color: white;
text-align: center;
font-size: 4.5vw;
}
nav
{
background: #3095d3;
width: 100%;
text-align: center;
display: inline-flex;
}
ul
{
list-style-type: none;
margin: 0;
}
ul > li
{
padding: 1vw;
float: left;
font-size: 2.5vw;
}
li:hover
{
background: #50B5F3;
}
<header>
Anon
<nav>
<ul>
<li>cont1</li>
<li>cont2</li>
<li>cont3</li>
<li>cont4</li>
</ul>
</nav>
</header>
最佳答案
您可以简单地将 margin: auto
添加到您的 ul
元素。
关于html - 如何在 div 中居中列表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43417323/