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

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

Element-UI 使用el-row 高度设置_第1张图片

处理办法在 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;
  }

 

设置完成后

Element-UI 使用el-row 高度设置_第2张图片

你可能感兴趣的:(Element-UI,使用实例)