Столбец flexbox Изменение размера изображения в соответствии с длиной текста ⇐ CSS

[Anonymous]

Как можно изменить размер изображения при увеличении длины текста, учитывая гибкий столбец поля?


.container {
width: 400px;
height: 300px;
border: 3px solid green;
padding: 4px;
display: flex;
flex-direction: column;
}

.img-wrapper {
/* display: flex; */
}

.img-wrapper img {
max-width: 100%;
/* min-height: 0px; */
object-fit: cover;
}




this is a cool paragraph about the angry theicn shfieh that eats and is not pfeifol about the nutehc chartogret including but not adfentily of the crooked and devque thandilbot. Piej kargrid angy that iejf othersome to the compact shiferboth





Если изображение верхнего уровня, этот простой CSS решает:



Если изображение находится на верхнем уровне, этот простой CSS решает: p>
img {
min-height: 0px;
object-fit: cover;
}


Подробнее здесь: https://stackoverflow.com/questions/790 ... ext-length