Html 多选固定宽度选项过长问题

我有这个：

 <select id="combo1" size="7" name="operacion">
   <option selected="" value="000">Selecciona una categoría</option>
   <option value="1">"AUTORIZACIÓN PARA TRABAJAR POR CUENTA PROPIA"</option>
   <option value="2">"MODIFICACIONES"</option>
   <option value="3">"RENOVACIÓN"</option>                        
 </select>

分类选择
“自动许可证”
“修正系数”
“雷诺瓦辛”

它的宽度是固定的，但碰巧选项来自数据库，它们有时太长，我无法看到它们

你可以在这里看到：

---

我唯一能找到的是，但没有帮到我。

尝试使用

单词break:break

或者

空白：normal

您可以在选项上设置标题，这样当您指向项目时，文本将显示为工具提示：

<option value="1" title="AUTORIZACIÓN PARA TRABAJAR POR CUENTA PROPIA">"AUTORIZACIÓN PARA TRABAJAR POR CUENTA PROPIA"</option>

“自动导航”

演示：

我在一些浏览器中测试了这个功能，至少在IE 9、Firefox 6、Chrome 13和Opera 11中可以使用。但是，在没有任何指向物品的方法的环境中，例如在手机上，它自然不起作用。

尝试以下方法：

---

将选择框包装在

DIV

中，并在其上设置

overflow-x:scroll

属性并指定宽度。然后，去掉

选择框本身的特定宽度。这样，
SELECT
框将根据内容扩展到所需的宽度，并且您的DIV上会出现一个水平滚动条。唯一的缺点是，如果您没有设置足够高的高度，你必须向右滚动才能在你的
选择框中向下滚动。
这可能会有帮助：或者是的，我怀疑这不会有一个简单的css解决方案：我建议使用jQuery插件进行选择。这样你就可以轻松地选择样式。如果有人可以使用它，我在这里做了：对我来说，它不起作用因为我无法控制选择中的选项数量，双滚动将失败，但感谢您的想法消除双滚动，在DIV容器上设置
overflow-y:hidden
。这些是CSS3选项，因此它们在IE8和更早版本的浏览器中不起作用。