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

时间:2025-03-18 08:09:36
<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="">首页</a></el-menu-item> <el-menu-item index="2"><a href="">课程</a></el-menu-item> <el-menu-item index="3"><a href="">名师</a></el-menu-item> <el-menu-item index="4"><a href="">问答</a></el-menu-item> </el-menu> </el-col> </el-row> </el-header>