vue2修改el-form-item为垂直剧中

在 Vue.js 的 Element UI 中，如果你想让 `<el-form-item>` 元素垂直居中显示，可以利用 CSS 或者一些自定义样式来实现。Element UI 的默认布局通常是水平方向的，但你可以通过调整其样式来自定义显示。

1. **CSS 样式**:
如果你想全局修改所有 `el-form-item` 的垂直对齐方式，可以在项目的全局 CSS 文件或者 `<style scoped>` 标签内添加如下样式：

   .el-form-item {
     display: flex;
     align-items: center; /* 设置垂直居中 */
     justify-content: space-between;
   }

这样就会将每个 `el-form-item` 内部的内容垂直居中，并保持元素间的间距。

2. **组件内样式**:
如果只需要某个 `<el-form>` 中的 `el-form-item` 居中，可以在该组件的 `.vue` 文件内的 `<style>` 标签中添加：

   <template>
     <!-- ... -->
   </template>

   <script>
   export default {
     // ...
     style: `
       el-form-item {
         display: flex;
         align-items: center;
       }
     `,
   };
   </script>

这会仅影响当前 `<form>` 中的 `el-form-item`。

记住，如果你需要保留 `el-form` 自身的其他布局选项（比如分组等），只应用到特定需求的 `el-form-item` 上即可。