时间戳

首页 > 解决方案 > 我应该在 CSS 中使用什么来在导航栏中的水平列表项之间创建空格？

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

问题描述

我正在处理一项任务，我需要在我的导航栏中的列表项之间有一个空格。我只使用 CSS。

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

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

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

标签： csslistmenunavbar

解决方案

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

推荐阅读