Html 当内部图像的高度不同时，保持div高度相同

我有一个引导页面，其中有一行div，每个div中都有一个图像。在下面的示例中，前两个div的高度将与调整浏览器大小相同，但第三个div的高度不同，因为图像只有50像素高

<div class="row">
    <div class="col1 col-md-4">
        <img src="image160x160.jpg" alt="">
    </div>

    <div class="col2 col-md-4">
        <img src="image160x160.jpg" alt="">
    </div>

    <div class="col3 col-md-4">
        <img src="image160x50.jpg" alt="">
    </div>
</div>

---

如何确保div始终保持相同的高度，无论其分辨率如何？

您可以将

行

设置为

柔性容器

，并设置

对齐项目：拉伸

：

*{
框大小：边框框；
}
html，正文{
保证金：0；
}
img{
显示：块；
}
.行{
显示器：flex；
柔性包装：包装；
对齐项目：拉伸；
}
上校{
利润率：8px；
边框：4倍实心暗金色；
}

---

您可以在div上设置固定高度，在img上设置高度：100%

div{
高度：100px；
/*前*/
}
部门经理{
宽度：100%；
身高：100%；
}

---

请添加您尝试过的css样式