问题描述:
在el-card里面添加el-form,在el-form-item里面添加按钮el-button无法实现按钮居中:
按钮部分代码:
<el-form-item size="large" style="text-align: center">
<el-button type="primary" @click="save" size="large">确 定</el-button>
<el-button @click="save" size="large">取 消</el-button>
</el-form-item>
原因:如果不在el-form-item里面设置label-width,则vue默认设置按钮外层div的margin-left为120px,导致按钮无法居中
解决方案:在按钮所在的el-form-item里面设置label-width为0
<el-form-item label-width="0" size="large" style="text-align: center">
<el-button type="primary" @click="save" size="large">确 定</el-button>
<el-button @click="save" size="large">取 消</el-button>
</el-form-item>
问题解决: