Html 使用flexbox创建相同高度的卡片列表

我试着做一张相同宽度和高度的卡片列表。 我正在使用flex、bootstrap和一些adminlte行

我的问题是，当一些带有文本的标签比其他标签大时，卡片的高度会改变以填充内容，并且它们的高度会不同

这是小提琴：

加价 css

医生{
显示器：flex；
柔性流：行换行；
证明内容：之间的空间；
}
.medicos：：之后{
内容：“；
flex：自动；
}
.项目{
弹性：1；
}
B.btn_hora{
保证金：5px；
}

---

尝试使用垂直滚动条和最大高度

---

滚动条：

---

---

高度：

添加

显示：内联柔性至
。项目
<style>
    .medicos {
                display: flex;
                flex-flow: row wrap;
                justify-content: space-between;
     }
    .medicos::after {
                content: "";
                flex: auto;
            }

    .item {
                flex: 1; 

     }

    .btn_hora {
                margin: 5px;
}
</style>

.item {
    flex: 1;
    display: flex;
}

.widget-user-2 .widget-user-header {
    padding: 20px;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    height: 150px;
    max-height: 100%;
}