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

Question

这种下拉框文字过长时如何用“...”表示呢？按第二个人回答的设置了一下不管用

Answer 1

I don’t know how to use native selection. . .

Two thoughts:

1. No need to use native onesselect，自己写一个selectWell, everything is easy to control and not difficult

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

Answer 2

width: The width you want to set
overflow:hidden
text-overflow:ellipsis
white-space:nowrap

Answer 3

Set the width of the drop-down box and then set display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;

Answer 4

After setting it up, it doesn’t work. I checked that the code has been set up and the effect has not changed

Answer 5

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

In this way, it will become an ellipsis when the size of the parent element is exceeded. If it is useless, check whether the width of the parent element is too wide