如果li很长,我如何得到一个无序列表来阻止自动换行？

Question

我有一个选项按钮,当单击时,将在按钮下方显示一个下拉列表(类似于上下文菜单).我遇到的问题是,如果其中一个<li>元素<ul>太长,它将包装文本:

http://img202.imageshack.us/img202/6933/optionsdk.png

请注意" 转让所有权 "选项是如何自动换行的.

我知道我可以在<ul>元素上设置一个足够长的固定宽度以防止自动换行,但我希望它是流畅的,因为选项会根据我所在的页面而改变,有些页面只有短项目.如果我设置了固定宽度,那些只有短选项的页面看起来会过长,空格太多.

有没有人知道如何<ul>扩展它的宽度,以便没有<li>文字包装元素？我有一个jsFiddle,你可以搞乱:

http://jsfiddle.net/6FpFP/

Answer 1

尝试使用nowrap:

li { white-space: nowrap; }