Question

我有一个选项按钮，当点击时，会在按钮下方显示一个下拉列表（有点像上下文菜单）。我遇到的问题是，如果<li>中的一个<ul>元素太长，它将包装文本：

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

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

是否有人知道我如何使<ul>扩展其宽度，以便没有<li>元素是文本包装？我有一个jsFiddle，你可以搞乱：

Answer 1

尝试使用nowrap：

li { white-space: nowrap; }

Answer 2

您可以通过添加省略号来隐藏它，并将全文放在标题中，以便在悬停时显示，

Answer 3

你可以查看这个网址。