el-input 内容垂直居中

`el-input` 是 Element UI 中的一个输入框组件，它是 Vue.js 框架下的一个组件。在 Element UI 的样式体系中，如果你想让 `el-input` 内部的内容垂直居中，你可以使用 CSS 或者 Vue 的内置样式来实现。这里有几个方法：

1. **CSS**:
如果你想要全局样式，可以在你的 CSS 文件中添加：

   .el-input__inner {
     display: flex;
     align-items: center; /* 这里设置垂直居中 */
   }

或者只针对特定的输入框应用：

   el-input {
     display: flex;
     align-items: center;
   }

2. **Vue template 部署**:
在 Vue 组件模板中，你可以使用 `v-bind` 或 `style` 属性直接绑定 CSS 类或内联样式：

   <el-input v-bind:class="{ 'input-centered': true }">
     <!-- 或者 -->
   <el-input style="display: flex; align-items: center;">
     <input/>
   </el-input>

这里定义了一个名为 `input-centered` 的 CSS 类，其中包含 `align-items: center`。

3. **使用自定义指令（如果使用了 Vue.js）**:
你可以创建一个自定义指令来动态地控制样式，如：

   Vue.directive('vertical-align', {
     update(el, binding) {
       el.style.alignItems = binding.value ? 'center' : '';
     }
   });

   <el-input vertical-align>
     <!-- 输入框内容 -->
   </el-input>

确保在使用这些方法之前，`el-input` 其他样式没有覆盖垂直居中的需求。