vue中如何让el-button中的文字居中

可以使用CSS样式来实现el-button中的文字居中，具体方法如下：

1.在el-button的外层包裹一个div，设置这个div为flex布局，并且设置justify-content和align-items属性为center，这样就可以让el-button中的文字水平和垂直都居中了。

2.可以直接给el-button设置text-align:center属性，这样就可以让文字水平居中了。

示例代码如下：

1.使用flex布局

<div style="display:flex;justify-content:center;align-items:center;">
  <el-button>按钮</el-button>
</div>

2.使用text-align:center属性

<el-button style="text-align:center;">按钮</el-button>