让element中的按钮的表单组件垂直对齐

要在Element UI中的按钮或其他表单组件实现垂直居中对齐，你可以考虑使用Flex布局或者CSS Flexbox。这里提供两种常见的方法：

**方法一：使用Element UI提供的内置样式**
如果你使用的是`el-form-item`等官方提供的元素，并希望它们内部的内容（包括按钮）垂直居中，可以利用其内置样式。例如：

<el-form>
  <el-form-item>
    <button type="button" class="align-vertical">按钮</button>
  </el-form-item>
</el-form>

<style>
.el-form-item .align-vertical {
  display: flex;
  align-items: center; /* 这里设置垂直居中 */
}
</style>

**方法二：自定义CSS**
如果需要更精细的控制，可以编写独立的CSS来处理垂直对齐。例如：

<div class="form-container">
  <button class="vertical-align-button">按钮</button>
</div>

<style>
.form-container {
  display: flex;
  justify-content: space-between; /* 可选，调整间距 */
  align-items: center; /* 设置垂直居中 */
  height: some-height; /* 需要设置一个固定的或相对高度 */
}

.vertical-align-button {
  /* 如果按钮有额外的样式，可以在这里覆盖 */
}
</style>

在这个例子中，`.form-container`负责整体的垂直居中，而`.vertical-align-button`只包含你的按钮。