我在响应式页面上有一个select菜单，该页面设置了流体宽度（％值）。一切看起来很好，直到我减少页面大小，当select菜单的默认值（即当它没有聚焦或点击时）在容器中被压扁并溢出，导致部分文本被隐藏，如this。理想情况下，这需要解决。
我正在考虑在文本溢出时使用CSS / Javascript来合并换行符。但是，我无法想到在select元素上执行此操作的适当CSS属性或JS方法。有没有人有这方面的经验或知道如何解决它？你不需要使用我的建议，随时想出其他的东西。主要的是文本需要在任何屏幕尺寸上一直显示在其中。
我有一个jsfiddle链接here，它使用CSS动画来模拟页面大小的减少。
