CSSレイアウトでの行の折り返しの防止
私のCSSデザイナーは、左から右に2つのul兄弟が配置されたデザインを作成しました。レイアウトは、ulタグの幅を指定することによって行われます。
彼は、すべてが正常に見えるWindowsでFirefoxを使用しています。 OS XでFirefoxを使用していますが、liタグの1つのコンテンツにテキストが多すぎるため、別の行に流れています。デザインは、テキストが1行になることを意図して作成されました。
考慮すべき点がいくつかあります。
ulタグを上から下ではなく、左から右に配置したい- ソリューションをi18nフレンドリーにしたい（文字列を翻訳しても2行に分割されないようにする必要があります）
これがピクセルで定義されている場合、同じブラウザでもWindowsとOS Xで表示が異なるのはなぜですか？
OS XとWindowsの間の行の折り返しに関して、行の折り返しを防止したり、ページの外観が異なったりするのを防ぐことができる一般的なCSSソリューションはありますか？それともこれは失われた原因ですか？
ulsにwhite-space: nowrapを設定すると、<br />が見つかるまで、テキストが折り返されるのを防ぐことができます。私が理解している限り、リストはすでに水平ですが、完全を期すために、li要素をdisplay: inlineまたはdisplay: inline-blockにすることでそれを行うことができます。 white-space: nowrapは、floatedリストアイテムでは機能しません。
参照：
可能です、その設定width: auto;これらの要素については、それも修正できます。