2

我在包含大量文本的下拉列表中的空间和元素有限。

下拉列表的宽度是否可能较小但列表的弹出窗口较大？

编辑：我正在使用 IE

4

3 回答 3

3

对的，这是可能的。在当前的浏览器中，您不必为不同尺寸的工作做任何特别的事情。只需设置width您的select，options 仍然会像它们需要的一样大。

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

#menu {
    width: 100px;
}

jsFiddle

这适用于 Firefox、Chrome 和 IE10：

Firefox 中带有长选项弹出窗口的短选择

Chrome 中带有长选项弹出窗口的短选择

IE10中选择的长选项弹出窗口

但是 IE9 不支持这个：

IE9 中带有短选项弹出窗口的短选择

于 2013-08-09T15:45:33.467 回答
1

恐怕IE是这里的cuplrit。其他浏览器会为您提供options 所需的任何宽度，并将选择框保留为您定义的大小，但 IE8 及更低版本会将其截断为父select框的宽度。

答案在于 jQuery，并在此处进行了精彩记录：Dropdownlist width in IE

于 2013-08-09T15:50:21.023 回答
1

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

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

看看吧，希望对你有帮助！

于 2013-08-09T16:02:51.423 回答