jQuery自动完成没有自动换行

时间:2013-07-03 22:59:37

标签: jquery css jquery-ui jquery-ui-autocomplete

我正在使用jQuery UI的自动完成功能,而且我遇到了问题,我无法弄清楚如何修复。

问题在于,当建议太长时,它们会自动换行以占用多行。我想让建议窗口扩展到最大大小而不显示溢出。问题是我希望建议只显示在一行中。我不想为建议框设置固定宽度。如果建议的长度更短,那么我的最大宽度我希望jQuery UI设置适当的宽度。

1 个答案:

答案 0 :(得分:5)

我建议尝试截断结果并将完整结果文本放在悬停标题文本中。

您可以使用css:

截断结果文本
.ui-menu-item a
    {
        max-width:100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }  

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