el-button文字居中

要将`el-button`的文字居中，您可以使用以下CSS样式：

.el-button {
  display: flex;
  justify-content: center;
  align-items: center;
}

这样设置后，按钮中的文字将在垂直和水平方向上都居中显示。

相关问题

<el-button @click="cancel">关 闭</el-button>居中

你可以在该按钮的父元素上添加一个样式类，使其实现居中对齐的效果。示例代码如下：

<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`，使其在水平方向上居中对齐。

el-button垂直居中

要使el-button垂直居中，可以使用flex布局来实现。可以通过以下步骤来实现：

1. 给el-button的父元素添加以下CSS样式：

.parent {
  display: flex;
  align-items: center;
}

2. 在父元素中包裹el-button组件：

<div class="parent">
  <el-button>按钮</el-button>
</div>

这样，el-button将在其父元素中垂直居中显示。