Element-ui的一行中的每个列元素垂直居中对齐

解决办法

1.在el-row标签中启用 flex 布局, 即type=“flex”
2.同时在el-row标签设置样式style=“align-items: center”

 <el-header style="background-color: #47494E">
        <el-row type="flex" justify="space-around" style="align-items: center">
          <el-col :span="4">
            <el-input v-model="text1" placeholder="请输入内容" >
              <el-select v-model="text2" slot="prepend" placeholder="请选择">
                <el-option label="餐厅名" value="1"></el-option>
                <el-option label="订单号" value="2"></el-option>
                <el-option label="用户电话" value="3"></el-option>
              </el-select>
              <el-button slot="append" icon="el-icon-search"></el-button>
            </el-input>
          </el-col>
          <el-col :span="4"  type="flex" align="center">
            <el-menu
              background-color="#545c64"
              text-color="#fff"
              active-text-color="#ffd04b"
              default-active="1"
              class="el-menu-demo"
              mode="horizontal"
              @select="handleSelect">
              <el-menu-item index="1"><a href="https://www.ele.me">首页</a></el-menu-item>
              <el-menu-item index="2"><a href="https://www.ele.me">课程</a></el-menu-item>
              <el-menu-item index="3"><a href="https://www.ele.me">名师</a></el-menu-item>
              <el-menu-item index="4"><a href="https://www.ele.me">问答</a></el-menu-item>
            </el-menu>
          </el-col>
        </el-row>
      </el-header>

效果图:输入框和导航栏实现了垂直居中对齐