自定義HTML選擇菜單

Question

因此，如您所知，如果您有選擇，它將拉伸容器以容納最長長度選項。

我有一個截斷函數，基本上是一個substr，長度爲20，添加句點到最後，所以它不會拉伸它。

我已經搜查，但無論是我沒有搜查權，或不存在，但我希望能夠點擊選擇並顯示在頁面上的全部選項，而不是推周圍的元素。一個固定的位置可以說，除非不是因爲我不希望頁面滾動選擇。

任何人都知道任何插件或任何這樣做？

例

這是一個非常...

這樣做是爲了不伸展整個TD元素，它是現在當我點擊選擇要查看的選擇，我希望它真正顯示

這是一個非常長的句子被截斷。

不過，我不希望它來顯示它當推TD手機的寬度，所以不同的選擇菜單的隱藏/顯示是行不通的，因爲這將推動寬度。

Answer 1

我不確定這是否是一個愚蠢的答案。但你有沒有試過position:absolute;？ CSS做了一些奇妙的技巧。

此外，在句末的時期可以王氏CSS來完成，使用white-space: nowrap; text-overflow: ellipsis; overflow: hidden。

Answer 2

最簡單的方法是將<select>轉換爲bootstrap dropdown。