标签: html css css3 flexbox sizing
我有一个带有两个元素的flex(方向:行)容器。第一个是图像,第二个是div。每个元素占用容器宽度的50%。我的目标是使图像始终与其兄弟姐妹处于相同的高度,其大小由其内容决定。然后计划在图像上使用object-fit: cover。
object-fit: cover
我可以使图像使用flex: 1增长到其兄弟姐妹的高度,但是如果两者中的较大者,则不能使其缩小到其兄弟姐妹的高度。可能两者都有吗?
flex: 1