el-form-item__content自适应
时间: 2023-07-06 08:06:16 浏览: 1040
Vue中el-form标签中的自定义el-select下拉框标签功能
要使 `el-form-item__content` 自适应,您可以尝试以下几个步骤:
1. 将 `el-form-item` 的 `label-width` 属性设置为 `0px`
```
<el-form-item label="Label" label-width="0px">
<el-input></el-input>
</el-form-item>
```
2. 使用 `flex` 布局来使 `el-form-item__content` 自适应
```
<el-form-item label="Label" label-width="0px">
<div style="display: flex; flex-direction: column;">
<el-input></el-input>
</div>
</el-form-item>
```
3. 如果您希望 `el-form-item__content` 的宽度与其父元素相同,则可以将 `el-form-item` 的 `prop` 属性设置为 `''`,并使用 `width: 100%` 来使其充满整个父元素。
```
<el-form-item label="Label" label-width="0px" prop="">
<div style="width: 100%;">
<el-input></el-input>
</div>
</el-form-item>
```
阅读全文