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

标签 css list menu navbar

我正在做一项作业,我需要在导航栏中的列表项之间留一个空格。我只使用 CSS。

我已经尝试过更改 margin、block、inline-block 和 flex。

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

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

最佳答案

要在菜单项之间添加空格,您可以使用 justify-content 属性: 。菜单 { .. 证明内容:周围空间; } 或者 。菜单 { .. 证明内容:空格之间; }

关于css - 我应该在 CSS 中使用什么来在导航栏中的水平列表项之间创建空格?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55603890/

相关文章:

html - 如何在 CSS 中制作没有图像的自定义选择选项菜单样式?

wordpress - 背景图片不会显示在整个页面上

r - 将列表转换为 Tibble 并添加带有列表名称的列

arrays - Haskell 中的固定大小列表(即具有类似列表 API 的数组)

controls - 寻找替代品或改进网站上的下拉列表/菜单

android - 使用 AppCompat 主题时菜单图标不显示

jquery - Reveal Modal 不适用于 IE(代码中没有动画)

css - 列表项不会彼此相邻出现

javascript - 使用 x 关闭或隐藏信息框

python - 这个 python 列表删除循环有什么问题?