<li>s 没有使用 justify 方法均匀分布

<li>s don't evenly distribute using justify method

我正在尝试为我正在构建的网站创建导航栏。我遵循了 this 等答案,但仍然无法正常工作。它不是水平分布项目,而是扩展每个项目以占据整行。

我的目标与上一个问题的目标相同,动态且均匀地水平分布菜单项,这样如果我添加另一个项目,除了添加新的项目外,我无需手动更改任何内容 <li>.这是一个显示问题的 JSFiddle:

http://jsfiddle.net/u7y2zjnm/

我做错了什么?

替换

li.navbar {
...
color: #ffffff
...
}

来自

color: #ffffff;

您忘记了“;