如何使导航栏溢出隐藏在Firefox/IE上

Question

我有一个隐藏在导航栏导航栏上的溢出问题。 如果页面宽度较小，我想要隐藏导航栏元素。 我让它在铬工作使用：

white-space: nowrap; overflow: hidden;

不过，这并不在Firefox和IE浏览器。元素包装在两行或更多行中。

这是例子：plunker example

我也曾尝试： overflow-x: hidden; 但它不会在Firefox/IE擦出火花。取而代之的float: left

Answer 1

上li元素使用

display: inline-block; 

。

（在Firefox上测试）