html - Firefox CSS ホワイトスペース:nowrap が受け入れられない

Question

ドロップダウンがあるナビゲーション メニューがあり、そのドロップダウンには不確定な数の が存在する可能性が<ul>あり、互いに左に座る必要があり、親の li は の数に応じて拡大および縮小し<ul>ます。

これはクロムでは問題なく動作しますが、Firefox では<ul>互いの下に座っています。何が間違っていますか?

ここにフィドルがあります。ブランドの上にカーソルを置くとドロップダウンが表示されます

http://jsfiddle.net/QUK8C/

Answer 1

li は左に浮いており、影響を受けません。代わりにwhite-space使用してください。display:inline-block

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

Answer 2

この問題に遭遇し、Web からの解決策は見つかりませんでしたが、どうにかして自分自身を修正することができました。したがって、要素を配置するだけでabsoluteうまくいきます。

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