<el-button @click="cancel">关 闭</el-button>居中
时间: 2024-03-14 19:21:11 浏览: 107
element-ui 的el-button组件中添加自定义颜色和图标的实现方法
你可以在该按钮的父元素上添加一个样式类,使其实现居中对齐的效果。示例代码如下:
```html
<template>
<div class="btn-container">
<el-button @click="cancel">关闭</el-button>
</div>
</template>
<style>
.btn-container {
display: flex;
justify-content: center;
}
</style>
```
这里我们给按钮的父元素 `.btn-container` 添加了一个 `display: flex` 的样式,并设置了 `justify-content: center`,使其在水平方向上居中对齐。
阅读全文