Html “我该如何居中？”；我的"；导航栏？

所以我在网上搜索了一个导航栏，我可以使用它，一找到导航栏，我就把它添加到我正在制作的网页上

CSS:

HTML:

不管怎样，我该如何把这个放在页面中间呢

当我检查其他问题时，它说问题与float:left有关，但当我试图用推荐的替代方法display:inline block替换它时它将垂直对齐框

感谢您的帮助^ ^

尝试以下CSS：

ul {
    list-style-type: none;
    margin: 0 auto;
    padding: 0;
    text-align: center;
}

li {
    display: inline-block;
}

如您所见，它在每个元素之间留出了一点空间，这是因为HTML中

行之间的返回已准备好作为空白，因为

显示：inline block

。可以使用以下方法删除这些空格：

<ul>
  <li><a href="#home">Home</a></li><!--
  --><li><a href="#news">News</a></li><!--
  --><li><a href="#contact">Contact</a></li><!--
  --><li><a href="#about">About</a></li>
</ul>

---

的可能重复，但我们不知道是否是重复，因为我们没有看到@git小丑的任何代码。将在3分钟内完成，朋友

ul {
    list-style-type: none;
    margin: 0 auto;
    padding: 0;
    text-align: center;
}

li {
    display: inline-block;
}

<ul>
  <li><a href="#home">Home</a></li><!--
  --><li><a href="#news">News</a></li><!--
  --><li><a href="#contact">Contact</a></li><!--
  --><li><a href="#about">About</a></li>
</ul>