我正在做一项作业,我需要在导航栏中的列表项之间留一个空格。我只使用 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/