使用 Select2 时，如果没有选项，字段会变得太窄

Question

当没有选项时，选择框的宽度会缩小到太窄，甚至“未找到结果”也会出现扭曲。

参考小提琴

$('#example').select2({
    placeholder: 'Select a month'
});

<select id="example" multiple="multiple"></select>

有什么解决办法吗？

Answer 1

使用widthselect2 的选项如下：

$('#example').select2({
  placeholder: 'Select a month',
  width: "100%"
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.5/css/select2.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.5/js/select2.js"></script>
<select id="example" multiple="multiple"></select>