怎么让el-dialog最下方的el-button居中

你可以在el-dialog中使用text-align:center属性将其设置为居中。具体来说，添加如下代码：

.el-dialog__footer button {
  text-align: center;
}

这将使el-dialog最下方的el-button居中。

相关问题

如何让el-button 在 el-dialog中水平居中

可以通过设置 `.el-dialog__footer` 的样式来让 `el-button` 在 `el-dialog` 中水平居中。

首先，在 `el-dialog` 中添加一个 `footer` 插槽，然后在插槽中添加 `el-button`。

<el-dialog>
  <template #footer>
    <el-button>按钮</el-button>
  </template>
</el-dialog>

然后，在 `style` 中设置 `.el-dialog__footer` 的样式，将其内部子元素水平居中即可：

.el-dialog__footer {
  text-align: center;
}

.el-dialog__footer button {
  margin: 0 auto;
  display: inline-block;
}

这样，`el-button` 就会水平居中在 `el-dialog` 的底部。

el-dialog底部按钮居中

你可以在el-dialog中添加一个自定义的底部插槽（footer slot），然后在插槽中使用flex布局将按钮居中。

示例代码如下：

<el-dialog :visible="dialogVisible">
  <template v-slot:footer>
    <div style="display: flex; justify-content: center;">
      <el-button @click="handleCancel">取消</el-button>
      <el-button type="primary" @click="handleConfirm">确定</el-button>
    </div>
  </template>
</el-dialog>

其中，`display: flex; justify-content: center;`是用来将插槽中的内容水平居中的样式。你可以根据自己的需要添加其他样式。