如何保证el-form内容居中

要将 `el-form` 表单内容居中，您可以使用 CSS Flexbox 布局来实现。具体步骤如下：

1. 在 `el-form` 外层包裹一个容器 div，并设置它的 `display` 属性为 `flex`，并且将其 `justify-content` 和 `align-items` 属性都设置为 `center`。

<div class="form-container">
  <el-form>
    <!-- 表单内容 -->
  </el-form>
</div>

.form-container {
  display: flex;
  justify-content: center;
  align-items: center;
}

2. 对于 `el-form` 内部的元素，您可以设置其 `margin` 属性为 `auto`，这样就可以使其水平居中。

<el-form>
  <el-form-item>
    <el-input></el-input>
  </el-form-item>
</el-form>

.el-form-item {
  margin: auto;
}

这样就可以使 `el-form` 表单内容居中了。如果您需要垂直居中，可以在容器 div 上设置 `flex-direction: column` 属性，并将其内部元素的 `margin` 属性设置为 `auto`。