Высота изображения в процентах от родительских контейнеров (используя карты 5,2 высоты 5,2 высоты). ⇐ CSS

[Anonymous]

В следующем примере у меня есть 8 карт, у них есть класс «H-100», который гарантирует, что они имеют одинаковую высоту (в пределах данного ряда), независимо от того, сколько текста они содержат. Размещение изображения. < /p>
То, что я пытался и не смог сделать, это настраивать высоту изображения на основе ширины контейнера IFS, поэтому он сохраняет одно и то же соотношение. < /p>

Код: Выделить всё

.card-img-top {
height: 12rem;
object-fit: cover;
}< /code>





[img]https://place-hold.it/300x500/966[/img]



Line 1
Line 2







[img]https://place-hold.it/300x500/966[/img]



Line 1
Line 2
Line 3







[img]https://place-hold.it/300x500/966[/img]



Line 1
Line 2
Line 3
Line 4







[img]https://place-hold.it/300x500/966[/img]



Line 1







[img]https://place-hold.it/300x500/966[/img]



Line 1
Line 2







[img]https://place-hold.it/300x500/966[/img]



Line 1
Line 2
Line 3







[img]https://place-hold.it/300x500/966[/img]



Line 1
Line 2
Line 3
Line 4







[img]https://place-hold.it/300x500/966[/img]



Line 1

Подробнее здесь: https://stackoverflow.com/questions/760 ... ght-bootst