Element-UI 使用el-row 高度设置

使用el-row 布局列数多个时候，出现了高度不适应且排列混乱的问题处理办法在 el-row 布局属性上加入<el-row :gutter="20"class="el-row">.el-row {margin-bottom: 20px;display: flex;flex-wrap: wrap}.el-card...

文章共162字 · 阅读需要大约1分钟

一键AI生成摘要，助你高效阅读

问答

清雨未尽时

51301人浏览 · 2020-03-15 16:48:20

清雨未尽时 · 2020-03-15 16:48:20 发布

使用el-row 布局列数多个时候，出现了高度不适应且排列混乱的问题

处理办法在 el-row 布局属性上加入


 <el-row :gutter="20"  class="el-row">  

.el-row {
    margin-bottom: 20px;
    display: flex;
    flex-wrap: wrap
  }

  .el-card {
    min-width: 100%;
    height: 100%; 高度要设置百分比才可以
    margin-right: 20px;
    transition: all .5s;
  }

设置完成后