Html 为什么可以'；我不能在CSS中居中导航栏吗？

我想标志和导航链接水平居中。右边的空间太大了。解决这个问题的最佳方法是什么

尝试在nav元素上使用内联块。尝试文本对齐而不是对齐项目

我希望内容集中，两边的空间均匀，但右边的空间更大

*{
保证金：0；
填充：0；
框大小：边框框；
}
导航{
显示器：flex；
证明内容：周围的空间；
对齐项目：居中；
最小高度：8vh；
背景色：黑色；
字体系列：“Poppins”，无衬线；
}
.标志{
颜色：白色；
文本转换：大写；
字母间距：5px；
字体大小：20px；
}
.导航链接{
显示器：flex；
证明内容：周围的空间；
宽度：40%；
}
.nav链接李{
列表样式：无；
}
.导航链接a{
颜色：白色；
文字装饰：无；
字母间距：3px；
字体大小：粗体；
字体大小：14px；
}

大瀑布

家
计划你的访问
了解更多
接触

您的css代码中包含以下内容：

nav {
  display: flex;
  justify-content: space-around;
  align-items: center;
}

默认情况下，弯曲方向设置为行。因此，justify content是水平的，align items是垂直的。在这段CSS中，所有子对象垂直居中，但在子对象周围水平放置相等的间距

您应该将内容对齐设置为居中，以便对齐行方向居中的项目

nav {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

应该有用

---

这里还有一支代码笔

，顺便说一下，您的

元素缺少结束标记。谢谢。我将内容从“环绕空间”更改为“中心”，然后在徽标上添加了填充，以将其与导航链接隔开。