设置选择选项的宽度

Question

我的select标签选项宽度有问题。我想要 长文本不会导致选项超出选择范围 标签。可以在这个小提琴中查看此行为： http://jsfiddle.net/zono/KTu7x/5/ 这只是一个简单的选择标记：

<select id="myselect">
<option>short string</option>
<option>long string long string long string</option>    
<option>short string</option>
<option>short string</option>
<option>short string</option>
</select>

我不希望选项超出黑色边框（附图）。

我将不胜感激。

祝你好运。

Answer 1

$("#testselectset").selectBoxIt({
            theme: "default",
            defaultText: "Make a selection...",
            autoWidth: false
        });

您将无法保留选择框的大小，但如果您使用Selectboxit插件，则可以实现此目的。它使文本到达某个点后选项标记换行。查看here示例。我希望这有帮助！