多个el-card自适应高度对齐问题

原因：由于el-card多个自适应高度导致排列错乱问题，

 

 

 源代码：

<el-row :gutter="20" v-for="(item ,index) in deviceList" :key="index">
    <el-col :span="6">
        <el-card class="box-card">
            <div class="realtime-info-head"></div>
        </el-card>
     </el-col>
</el-row>    

解决办法：

.el-row {
    margin-bottom: 20px;
    display:flex;
    flex-wrap: wrap;
  }
.el-row  .el-card {
    min-width: 100%;
    height: 100%; 
    margin-right: 20px;
    transition: all .5s;
  }