26

私の CSS デザイナーは、2 つの ul 兄弟が左から右に配置されたデザインを作成しました。レイアウトは、ulタグの幅を指定することによって行われます。

彼は Windows で Firefox を使用しており、すべてが正常に見えます。OS X で Firefox を使用していますが、liタグの 1 つのコンテンツのテキストが多すぎて、別の行に流れています。文字が一行になるようにデザインしました。

考慮すべき点がいくつかあります。

  • ulタグを上から下ではなく、左から右に配置したい
  • 解決策を i18n フレンドリーにしたい (文字列を翻訳しても、文字列が 2 行に分かれないようにする必要があります)

これがピクセル単位で定義されている場合、同じブラウザでも OS X と Windows で表示が異なるのはなぜですか?

OS X と Windows 間の行の折り返しに関して、行の折り返しを防止したり、ページが異なって見えるのを防止したりできる一般的な CSS ソリューションはありますか? それとも、これは失われた原因ですか？

4

2 に答える 2

50

sを設定white-space: nowrapすると、aが見つかるulまで、テキストが折り返されるのを防ぐことができます。<br />私が理解している限り、リストはすでに水平ですが、完全を期すために、li要素display: inlineまたはを作成することでそれを行うことができますdisplay: inline-block。edリストアイテムではwhite-space: nowrap機能しません。float

参照：

于 2010-08-04T21:01:39.430 に答える
1

width: auto;それらの要素のその設定でも、それを修正できる可能性があります。

于 2010-08-04T23:37:33.740 に答える