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

Question

我正在寻找一种方式来编码我的选择，其中有一个小的宽度，以便一旦他们被点击，打开的窗口将有一个一定的维度，肯定比我已经有一个。例如，如果我有

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

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

(相对较小)，当用户单击select (在我的示例中有大约6-8字长的选项)时，显示的窗口太小，无法读取任何内容。任何小费都会得到赏识。

Answer 1

尝试包装您的<select>标记

就像这样：

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

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