CSS:在无序列表中阻止文本在ipad上包装

时间:2012-12-20 04:13:19

标签: css ipad

我有以下无序列表:

<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;属性。

0 个答案:

没有答案