flexbox在firefox中不工作

下面的flexbox代码在firefox中不起作用。它是一个水平导航列表，延伸至整个浏览器宽度。在所有其他浏览器中，li的空间都是均等的，但在firefox中却不是。有什么想法吗？提前谢谢

.包装纸{ 位置：固定； 填充：0； 宽度：100%； 顶部：0em； } .柔性容器顶部{ 填充：1em； 保证金：0； 列表样式：无； 显示：-网络工具包盒； 显示器：-moz盒； 显示：-ms flexbox； 显示：-webkit flex； 显示器：flex； } .弹性项目{ 字体系列：无衬线； 字号：1em； 颜色：fff； 文本对齐：居中； }

---

你的例子在Chrome中也不起作用

您需要将flex:1添加到.flex项。然后它就会起作用：

.flex-item {
  flex: 1; /* add this line */
  font-family: sans-serif;
  font-size: 1em;
  color: #fff;
  text-align: center;
}

---

它正在工作，我想我复制和清理它时出错了。但你的办法奏效了！太神了谢谢不客气！如果有效，你能将问题标记为已回答吗