我应该在CSS中使用什么在导航栏中的水平列表项之间创建空格？

Question

我正在分配作业，因此我的导航栏中的列表项之间需要有一个空格。我仅使用CSS。

我已经尝试过更改边距，块，行内块和弹性。

  .menu {
  list-style: none;
  float: right;
  display: flex;
  color: white;
  font-weight: bold;
  padding: 10px 10px;
  }

我希望水平放置在导航栏上的文本在每个单词之间会有空格，而不是分组在一起。

Answer 1

要在菜单项之间添加空格，可以使用justify-content属性： .menu { .. justify-content: space-around; } 要么 .menu { .. justify-content: space-between; }