Html Firefox CSS空白：nowrap不受尊重

我有一个nav菜单，它有一个下拉菜单，在该下拉菜单中可以有不确定数量的

，它们需要坐在彼此的左侧，并且父li根据

的数量增长和收缩

这在chrome上运行良好，但在Firefox中，

坐在一起，我做错了什么

这里有一把小提琴，可以看到下拉式悬停在品牌上方

---

li向左浮动，它们不受

空白的影响

您应该改用

显示：内联块

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

---

遇到这个问题，并没有从web上找到任何解决方案，但不知何故，我自己设法找到了解决方案。因此，只要将元素定位到

绝对值

，就可以了

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

长时间在这里Uurrrrggghhhhhhhh！！！