小下拉，大数据

Question

我在带有大量文字的下拉列表中的空间和元素有限。

可以让下拉宽度变小但是列表的弹出窗口大吗？

编辑：我正在使用IE

Answer 1

是的，有可能。在当前的浏览器中，您不必为不同的尺寸做任何特殊工作。只需设置width的{​​{1}}，select s仍然会达到所需的大小。

option

<select id="menu">
    <option>short</option>
    <option>a quite long option that is wider than the select</option>
    <option>another option</option>
</select>

jsFiddle

适用于Firefox，Chrome和IE10：

但是IE9不支持这个：

Answer 2

我担心IE在这里是一个杯子。其他浏览器为您提供option所需的宽度，并将选择框保留为您定义的大小，但IE8及更低版本会将其切割为父select框的宽度。

答案取决于jQuery，并在此处进行了详细记录：Dropdownlist width in IE

Answer 3

我不知道它是否可以帮助你，但我在css-tricks上找到了一些东西：

http://css-tricks.com/select-cuts-off-options-in-ie-fix/

看看，希望它可以帮到你！