el-select 宽度百分百
时间: 2023-07-10 09:43:29 浏览: 188
要让 el-select 组件的宽度占据其父元素的百分百,可以使用 CSS 的 width 属性来设置。具体来说,可以在父元素上设置 width: 100%;,然后在 el-select 组件上设置 width: 100%;。这样就可以让 el-select 组件的宽度占据其父元素的百分百了。
示例代码如下:
HTML:
```html
<div class="parent">
<el-select v-model="value" placeholder="请选择">
<el-option label="选项一" value="option1"></el-option>
<el-option label="选项二" value="option2"></el-option>
<el-option label="选项三" value="option3"></el-option>
</el-select>
</div>
```
CSS:
```css
.parent {
width: 100%;
}
.el-select {
width: 100%;
}
```
阅读全文