angular.js - 這種下拉框文字過長時如何用「...」表示呢？

Question

這種下拉框文字過長時如何用「...」表示呢？按第二個人回答的設定了一下不管用

Answer 1

原生的select，我也不知道怎麼搞。 。 。

有兩個想法：

1. 不用原生的select，自己写一个select好了，一切都好控，而且也不難

2. option用js方法截断一下，可以根据字节长度来截断添加到select裡面

Answer 2

width:你要設定的寬度
overflow:hidden
text-overflow:ellipsis
white-space:nowrap

Answer 3

設定下拉框寬度然後設定display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;

Answer 4

設定了一下不管用，看一下程式碼已經設定，效果沒變化

Answer 5

white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;

這樣在超出父元素大小是會變成省略號，如果沒有用 檢查一下父元素的寬度 是不是太寬了