让el-dialog中的内容居中

要让`el-dialog`中的内容居中，你可以使用自定义样式来实现。首先，给`el-dialog`添加一个类名，例如`center-dialog`，然后通过CSS来设置居中样式。

在你的代码中，可以这样做：

1. 给`el-dialog`添加一个类名：

<el-dialog class="center-dialog" ...>
  <!-- 对话框内容 -->
</el-dialog>

2. 在你的CSS文件或样式标签中，添加以下代码：

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

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

这样设置后，`el-dialog`中的内容将在垂直和水平方向上居中显示。

相关问题

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

可以通过设置 `text-align: center` 属性来让 `el-button` 水平居中。

例如，在 `el-dialog` 的样式中添加如下代码：

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

这将使 `el-dialog` 中的所有元素都水平居中。如果你只想让 `el-button` 水平居中，可以在 `el-button` 的样式中添加如下代码：

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

这将使 `el-button` 元素的左右外边距都设置为 `auto`，从而使其水平居中，并且将 `display` 属性设置为 `block`，使其成为块级元素，以便可以设置外边距。

el-dialog内容不居中

您好！对于 el-dialog，要使其内容居中，您可以使用以下 CSS 样式：

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

这样设置后，el-dialog 的内容将在对话框中垂直和水平居中显示。希望这对您有所帮助！如果您还有其他问题，请随时提问。