2015-08-25 42 views
3

我正在尋找一種方法來設置所選下拉寬度的最長選項的寬度。我現在遇到的問題是,當你選擇一個短項目時,它會打包另一個選項,並使下拉寬度與你選擇的選項相同。在一些CSS播放之後,我想出瞭如何關閉結果的wordwrap並刪除寬度:100%,所以結果將與最長的選項一樣寬。儘管這對下拉本身沒有任何影響。 任何人都知道如何做到這一點?只要選擇最長的選項

+2

我們可以有小提琴嗎? – otajor

+2

您能否提供一個鏈接到您的環境?猜測發生了什麼有點困難。 – DreamWave

+0

@MBAAS這是你在找什麼[小提琴](https://jsfiddle.net/4tee5sfh/23/)? – Zeeshan

回答

2

您應該提供自動寬度的.chosen-drop並從選擇的「li」中刪除單詞包裝。這裏有一個例子: http://codepen.io/dreamwave/pen/VjaEYm

而CSS:

.chosen-results li { 
    white-space:nowrap; 
} 
.chosen-container .chosen-drop { 
    width:auto; 
} 

我希望我理解正確的問題。

+0

謝謝 - 這很好,這可以避免單詞換行,但很難閱讀項目列表。這個想法是,這個列表應該會自動獲得足夠的空間來顯示項目。 – MBaas

+0

@MBaas你的意思是你希望允許項目在多行? – DreamWave

+0

不好意思!不,我希望每行看到一個項目 - 完全可見。 (有意識地忽視最壞的情況,但對於像「汽車」,「火車」,「太空飛船」等合理的東西) - 所以所有的風險變得愚蠢的顯示取決於用戶... – MBaas