angular.js - How to use "..." to express when the text of this kind of drop-down box is too long?

Question

How to use "..." to express this kind of drop-down box text when it is too long? I tried setting it according to the second person's answer but it didn't work.

黄舟 · Answer

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

Two thoughts:

No need to use native onesselect，自己写一个selectWell, everything is easy to control and not difficult
option用js方法截断一下，可以根据字节长度来截断添加到selectInside

漂亮男人 · Answer

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

習慣沉默 · Answer

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

ringa_lee · Answer

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

我想大声告诉你 · Answer

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