首页 前端知识 elementui中实现el-row中的el-col垂直居中显示

elementui中实现el-row中的el-col垂直居中显示

2024-03-15 10:03:13 前端知识 前端哥 396 560 我要收藏
      <el-row>
        <el-col :span="8">
          <div>1</div>
        </el-col>
        <el-col :span="8">
          <div><button class="btn draw-border">提交</button></div>
        </el-col>
        <el-col :span="8">
          <div>2</div>
        </el-col>
      </el-row>

使得三个div在一行内垂直居中显示:

在el-row中增加:type=“flex” align=“middle”

<el-row type="flex" align="middle">
...
</el-row>
转载请注明出处或者链接地址:https://www.qianduange.cn//article/3796.html
标签
评论
会员中心 联系我 留言建议 回顶部
复制成功!