el-dialog footer居中显示

要让 `el-dialog` 的 footer 居中显示，可以使用以下 CSS 样式：

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

将上述样式应用到你的项目中即可。这将把 `el-dialog` 的 footer 内容居中对齐。

相关问题

el-dialog-footer居中

el-dialog-footer默认是水平居中的，不需要额外设置。el-dialog-footer会自动根据内容的宽度来调整其位置，并保持在el-dialog的底部。如果你想要进一步定制el-dialog-footer的样式，可以通过给它的父级元素添加自定义class，然后在该class中添加样式来实现。例如，你可以给el-dialog的父级元素定义一个class，然后将.center-dialog置于这个class的嵌套里面，使用transform:translateY(-50%)来实现垂直居中。

如何让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` 的底部。