<select> 标签的小宽度，但 select2 的大窗口答案

【问题标题】：small width of <select> tag but large window for select2<select> 标签的小宽度，但 select2 的大窗口
【发布时间】：2016-12-19 22:14:21
【问题描述】：

我正在寻找一种方法来对宽度较小的选择进行编码，以便一旦单击它们，打开的窗口将具有一定的尺寸，该尺寸肯定大于我已有的尺寸。例如，如果我有

<select id = "tester" style = "width:20px">

然后是熟悉的$("#tester").select2();

（相对较小），当用户单击选择时（在我的例子中，它的选项长约 6-8 个字），显示的窗口太小而无法阅读任何内容。任何提示表示赞赏。

【问题讨论】：

【解决方案1】：

尝试包装你的<select> 标签

像这样：

<div style="width: 20px">
   <select id="tester">
</div>

它应该可以正常工作。您也可以将max-width: 20px 添加到 div

【讨论】：