el-form-item设置宽度
时间: 2023-08-27 11:04:27 浏览: 2864
表单元素和文字垂直居中对齐问题解决整理
5星 · 资源好评率100%
你可以使用 `label-width` 和 `wrapper-width` 属性来设置 `el-form-item` 组件的宽度。
例如,要设置标签的宽度为 100px,表单项的宽度为 200px,你可以这样写:
```html
<el-form :model="formData" label-width="100px">
<el-form-item label="Label" prop="field" wrapper-width="200px">
<!-- 表单项内容 -->
</el-form-item>
</el-form>
```
在上面的示例中,通过在 `el-form` 组件上设置 `label-width` 属性,可以控制所有 `el-form-item` 组件的标签宽度。而在 `el-form-item` 组件中,通过 `wrapper-width` 属性可以设置表单项内容的宽度。
你也可以将 `label-width` 和 `wrapper-width` 属性设置为 CSS 中的其他合法值,如百分比、rem、em 等。
希望能帮到你!如果有其他问题,请随时提问。
阅读全文