将(img)元素高度缩小到flex容器中的同级元素

时间:2019-02-28 02:57:56

标签: html css css3 flexbox sizing

我有一个带有两个元素的flex(方向:行)容器。第一个是图像,第二个是div。每个元素占用容器宽度的50%。我的目标是使图像始终与其兄弟姐妹处于相同的高度,其大小由其内容决定。然后计划在图像上使用object-fit: cover

我可以使图像使用flex: 1增长到其兄弟姐妹的高度,但是如果两者中的较大者,则不能使其缩小到其兄弟姐妹的高度。可能两者都有吗?

0 个答案:

没有答案