修正了select2的宽度

Question

我正在使用select2来选择候选技能。 我不想改变我的选择框宽度，我希望我的slelet2固定宽度

到目前为止我尝试了什么？

//HTML
<select class="skill_select_id" name="skill_select_id">
    <?php foreach ( $skills as $skill ) { ?>
        <option value="<?= $skill['id'] ?>" ><?= $skill['name'] ?></option>
    <?php } ?>
</select> 

首先我使用resolve

//Script 
$('.skill_select_id').select2({tags:true, width: 'resolve'});

我还在element

中尝试了100%，width选项

//Another Try
$('.skill_select_id').select2({tags:true, width: 'element'}); 

但它并没有帮我设置select2的固定宽度。

我不想添加inline CSS来解决此问题，因为如果我使用该插件，则必须为此类问题提供一些解决方案。

Answer 1

要修复我的下拉宽度，在select2初始化时将其设置为'element'对我来说很好：

$("#dropDown").select2({ width: 'element' });