我想做与 OP 在这篇文章中想要做的相反的事情
由于某种原因，我的选择会自动调整大小（可能是通过使用引导程序，我必须使用它）。我只想有一个默认的调整大小。
我有两个内联选择元素，它们会根据所选选项的长度不断调整大小。我想将它们的行为更改为默认值，就像在这个小提琴中一样。它采用最长的字符串“United States of America”并根据它设置元素宽度。
HTML
<div class="flex-top-down">
<span class="input-header">Doc Type</span>
<v-select v-model="docTypeSelect.value"
class="dropdown-default"
:options="docTypeSelect.options"
options-value="val"
placeholder="Please Select"
search justified required
close-on-select
></v-select>
</div>
<div class="flex-top-down">
<span class="input-header">Major/Minor</span>
<v-select v-model="majorMinorSelect.value"
class="dropdown-default"
:options="majorMinorSelect.options"
options-value="val"
placeholder="Please Select"
search justified required
close-on-select
></v-select>
</div>
我在这里使用VueStrap来使用带有 vue.js 的引导程序
CSS：
.flex-top-down {
display: flex;
flex-direction: column;
}
.input-header {
font-weight: bold;
margin-left: 10px;
}
.dropdown-default {
margin-top: 6px;
}