jQuery自動完成無字換行

我正在使用jQuery UI的自動完成功能，並且遇到了問題，我無法弄清楚如何修復。jQuery自動完成無字換行

問題是當建議太長時，它們會自動包裝成佔用多行。我希望將建議窗口擴展到最大尺寸並且不會顯示溢出。事情是，我希望建議只能在一行中顯示。我不想爲建議框設置固定寬度。如果建議的長度較短，那麼我希望jQuery UI設置合適的寬度。

嗨，我已經安裝一個基本[小提琴]（HTTP：/ /jsfiddle.net/Rusln/mN9q6/），你能證明這個問題嗎？ – rusln

我現在有問題連接到小提琴。具體細節是，我正在建立一個選擇/自動完成組合框的表單。我只有290px可以用於輸入，但是如果需要，建議框可以覆蓋輸入左側的元素，我可以。我能夠對寬度進行硬編碼並且看起來沒問題，但是當然，除非必要，否則我不希望建議框覆蓋頁面上的其他元素。而且，這取決於搜索詞。 –

我更新了JSFiddle代碼。 –

我會建議嘗試按照截斷結果並將全部結果文本放在懸停標題文本中。

您可以使用CSS截斷結果文本：

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

我已經加入到rusln的fiddle證明......

2013-07-03 23:21:55

作爲最後手段，我會記住這一點，但我想在LI中顯示全文。 –

我已經能夠按照我需要的方式工作，除了省略號。這裏是我更新的[小提琴]（http://jsfiddle.net/mN9q6/7/）。類ui-autocomplete控制下拉菜單的css。 –

以獲得省略號的工作，只需添加我上面張貼到您現有的CSS的CSS - http://jsfiddle.net/mN9q6/10/ –

回答