1

我有以下无序列表:

<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; 财产。

4

0 回答 0