Select A中的换行符<；选择>；页面宽度减小时的菜单

我在响应页面上有一个

select

菜单，该菜单设置了流体宽度（%value）。当

选择

菜单的默认值（即未聚焦或未点击）在容器中挤压并溢出，导致部分文本被隐藏时，直到我减小页面大小，一切看起来都很好，如。理想情况下，这需要解决

我正在考虑合并一个换行符，在文本溢出时使用CSS/Javascript。但是，我想不出一个合适的CSS属性或JS方法来对

select

元素执行此操作。有没有人对此有经验或知道如何解决？你不需要用我的建议，随便想点别的吧。最重要的是，文本需要在任何屏幕大小上始终完整显示

---

我有一个jsfiddle链接，它使用CSS动画来模拟页面大小的减小。

SELECT

元素（组合框）按设计只能显示一行，包括每个选择条目上的行。如果

minwidth

样式不可接受，那么您需要创建自己的组合框界面。好的，谢谢您提供的信息-这就是我的想法：）