如何让el-button在el-form中居中
时间: 2024-01-09 16:47:09 浏览: 399
form-generator表单设计器api文档.docx
5星 · 资源好评率100%
可以使用 flex 布局来实现 el-button 在 el-form 中的居中。
首先,在 el-form 上添加 `display: flex; justify-content: center; align-items: center;` 样式,使其成为一个 flex 容器,并将其子元素(包括 el-button)在水平和垂直方向上都居中。
示例代码如下:
```
<template>
<el-form style="display: flex; justify-content: center; align-items: center;">
<el-button>居中按钮</el-button>
</el-form>
</template>
```
这样,el-button 就能够在 el-form 中水平和垂直方向上居中了。
阅读全文