html - 如何在 HTML 中将导航栏中的项目居中？

Question

我正在重新创建 Apple 网站作为课堂作业。这是 GitHub 存储库：存储库。我在其中使用了 Bootstrap 来获得 Apple 的感觉。后来，我看到导航是居中的。 不像我 的 一个朋友告诉我一些事情position: relativeleft: 50%

更新1：

他告诉我添加position: relative; left: 50%; transform: translateX(-50%)到 ul 标签。我试过了，但没有用。

更新 2：

原来我没有链接 CSS 文件。

标签： htmlcss

Answer 1

嘿，我不太擅长 CSS，但在样式标签或 CSS 文件中尝试这个，希望这能工作

    ul{
      margin:0 auto;
   } 

这将使导航栏中的“ul”居中。如果您希望每个元素之间有更多空间，请尝试添加

li{
   margin-left:<anyvalue>%;
  }