如果el-form-item的内容布局允许使用Flexbox,你可以通过设置justify-content: center;来使按钮居中。这是一种简单且灵活的方法。 html <template> <el-form> <el-form-item> <div style="display: flex; justify-content: center;"> <el-button type="primary">点击我...
<el-button type="primary" align="center" @click="">创建</el-button> </el-form-item> </el-form> </div> </template> <script> export default{ } </script> <style> </style> 可以看到,4个 el-form-item 既不居中,每个 el-form-item 内的 label 和 content 也没有水平对齐。 首先解决居...
<div class="home"> <el-form ref="form" :rules='rules' :model="form" label-width="80px"> <el-form-item label="活动名称" prop='name'> <el-input v-model="form.name">el-input> el-form-item> el-form> <el-button @click='submit' type='primary'>提交el-button> div> template> <...
value="item.value"> </el-option> </el-select> </el-form-item> <el-form-item > <el-button type="primary" class="searchBtn" >查询</el-button> </el-form-item> <el-form-item class="fixed-right"> <el-button type="primary" class="exportBtn" >导出</el-button> </el-form-item...