How to trim text in option tag?

Question

css

How to cut off the text in the option tag so that 1 line remains, and when the item is expanded, the text is completely displayed?

Answer 1

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

Answer 2

white-space: nowrap;

Answer 3

white-space: nowrap;
and after opening you remove it.
or make it so that the first line was in a separate block of the announcement type and set the height of this block equal to the height of the line, and in the second block do the rest of the information.
but it would be better if you threw off the code