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

时间:2024-11-07 07:51:19

使用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;
  }

 

设置完成后