问题：el-row布局下卡片内容不一致时高度无法对齐

多个el-card卡片排列高度无法对齐

解决方法：

在 el-row 和 el-card 标签上添加样式，做如下调整

 代码块
HTML
自动换行
复制代码
el-row :gutter=&#34;20&#34; class=&#34;row-con&#34;
  el-col :span=&#34;12&#34;
   el-card class=&#34;card&#34;
     div自定义内容/div
    /el-card
  /el-col
/el-row复制成功

 代码块
CSS
自动换行
复制代码
.row-con {
  display: flex;
  flex-flow: row wrap;
}
.row-con .card {
  height: 100%;
}复制成功

cv9949752

分享至

投诉或建议