我有以下无序列表:
<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
如何防止 li 元素包裹在 ipad 上?
编辑:如果我在“一些长文本”的样式中添加一个大宽度,它会显示如下:
some text | some long | other text | more text
text
如果我将文本更改为 some_long_text (将其全部变为一个单词),我会看到以下内容:
some text | some_long_text | other text | more text
所以看起来它只是忽略了空白:nowrap; 财产。