首页el-form-item 靠右

el-form-item 靠右

时间: 2023-06-23 12:45:34 浏览: 272

要让 el-form-item 靠右，可以使用 CSS 中的 text-align 属性来实现。例如： ```html <el-form> <el-form-item label="姓名" label-width="80px"> <el-input></el-input> </el-form-item> <el-form-item label="年龄" label-width="80px"> <el-input></el-input> </el-form-item> <el-form-item label="性别" label-width="80px"> <el-radio-group> <el-radio label="男"></el-radio> <el-radio label="女"></el-radio> </el-radio-group> </el-form-item> <el-form-item> <el-button type="primary">提交</el-button> <el-button>重置</el-button> </el-form-item> </el-form> ``` 可以在 el-form-item 上设置 style 属性，将 text-align 设置为 right，实现靠右对齐： ```html <el-form> <el-form-item label="姓名" label-width="80px" style="text-align: right"> <el-input></el-input> </el-form-item> <el-form-item label="年龄" label-width="80px" style="text-align: right"> <el-input></el-input> </el-form-item> <el-form-item label="性别" label-width="80px" style="text-align: right"> <el-radio-group> <el-radio label="男"></el-radio> <el-radio label="女"></el-radio> </el-radio-group> </el-form-item> <el-form-item style="text-align: right"> <el-button type="primary">提交</el-button> <el-button>重置</el-button> </el-form-item> </el-form> ``` 这样就可以将 el-form-item 靠右对齐了。

阅读全文