jQuery自动完成无自动换行

Question

我正在使用jQuery UI的自动完成功能，我遇到了一些我不知道如何修复的问题。

问题是，当建议太长时，它们会自动换行以占据多行内容。我想有一个建议窗口扩展到最大尺寸，而不是显示溢出。问题是，我希望建议只显示在一行中。我不想为建议框设置固定的宽度。如果建议的长度比我的最大宽度短，我希望jQuery UI设置适当的宽度。

Answer 1

我建议尝试一些类似于截断结果并将完整的结果文本放在悬停标题文本中的方法。

您可以使用css截断结果文本：

.ui-menu-item a
    {
        max-width:100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }  

我已经添加到rusln的fiddle中来演示..。