el-select宽度自适应内容
时间: 2023-09-07 07:14:27 浏览: 99
可以使用 CSS 中的 `width: auto` 或 `width: max-content` 来实现 el-select 宽度自适应内容。
例如:
```html
<el-select v-model="value" placeholder="请选择" style="width: auto;">
<el-option label="选项1" value="1"></el-option>
<el-option label="选项2" value="2"></el-option>
<el-option label="选项3" value="3"></el-option>
<el-option label="选项4" value="4"></el-option>
</el-select>
```
或:
```html
<el-select v-model="value" placeholder="请选择" style="width: max-content;">
<el-option label="选项1" value="1"></el-option>
<el-option label="选项2" value="2"></el-option>
<el-option label="选项3" value="3"></el-option>
<el-option label="选项4" value="4"></el-option>
</el-select>
```
注意:使用 `width: auto` 或 `width: max-content` 时,el-select 的宽度会根据内容自适应,可能会导致宽度过大或过小。如果需要控制 el-select 的宽度,可以使用固定宽度或百分比宽度。
阅读全文