次の順序付けられていないリストがあります。
<ul>
<li>some text</li>
<li style="overflow:hidden;white-space: nowrap;">some long text</li>
<li>other text</li>
<li>more text</li>
</ul>
通常のブラウザでは次のように表示されます
some text | some long text | other text | more text
ただし、iPad では次のように表示されます。
some text | some long | other text | more text
text
ipadでli要素がラップしないようにするにはどうすればよいですか?
編集:「長いテキスト」のスタイルに大きな幅を追加すると、次のように表示されます。
some text | some long | other text | more text
text
テキストを some_long_text に変更すると (すべてを 1 つの単語にする)、次のように表示されます。
some text | some_long_text | other text | more text
そのため、単に空白を無視しているように見えます:nowrap; 財産。