html - Firefox CSS white-space:nowrap 不被尊重

Question

我有一个导航菜单，它有一个下拉菜单，在那个下拉菜单中，可能有一个不确定的数量<ul>需要坐在彼此的左边，并且父 li 的增长和缩小取决于<ul>.

这在 chrome 中可以正常工作，但在 Firefox 中，它们<ul>位于彼此下方，我做错了什么？

这是一个小提琴，看到下拉悬停在品牌上

http://jsfiddle.net/QUK8C/

Answer 1

li 是向左浮动的，它们不受white-space您的影响，应该display:inline-block改用。

nav ul.dropdown > li {
    display: inline-block;
}

Answer 2

遇到这个问题，并没有从网上找到任何解决方案，但不知何故设法找到了自己的解决方案。因此，只需将元素定位到absolute就可以了。

<div style="position: relative">
    <span style="position: absolute; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;">
        longtexthereuuurrrrrggghhhhhhh!!!
    </span>
</div>