这种下拉框文字过长时如何用“...”表示呢？

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;

这样在超出父元素大小是会变成省略号，如果没有用 检查一下父元素的宽度 是不是太宽了