el-form 设置对齐方式
时间: 2023-07-07 13:29:11 浏览: 284
使图像对齐
el-form 可以通过设置 label-position 和 label-width 两个属性来控制表单项的对齐方式。其中,label-position 可以设置为 left、right、top 或者 bottom,分别表示标签的位置在左侧、右侧、上方或下方。label-width 可以设置标签的宽度,一般情况下可以设置为固定值或百分比。
例如,设置标签在左侧,宽度为 80px:
```
<el-form label-position="left" label-width="80px">
<el-form-item label="用户名">
<el-input></el-input>
</el-form-item>
<el-form-item label="密码">
<el-input type="password"></el-input>
</el-form-item>
</el-form>
```
其中,el-form-item 组件的 label 属性表示表单项的标签内容。
阅读全文