Задать вопрос
@DmitriiAl
начинающий верстальщик

Как обрезать img сверху и снизу по плавающей высоте?

Есть флекс контейнер.
В нем два дочерних флекс блока.
Ширина дочерних флекс боксов 34% и 66% соответственно - это постоянно.
Высота - только min-heigth, фиксированную установить нельзя.
В левом блоке - текст, количество текста в нем может меняться и, соответственно, его высота.
Правый блок - внутри тег img (не background). Физический размер Img по высоте с запасом.

Надо что-бы img отображалось в правом блоке по высоте левого блока (высота может меняться, но есть установленная min-heigth) и обрезалось сверху и снизу так как физический размер img уже больше min-height (ширина 66%, высота подстраивается под ширину, чтобы не нарушать пропорций, и фото не выходило за отведённую для него зону).

Нужно только через css
  • Вопрос задан
  • 293 просмотра
Подписаться 2 Оценить 3 комментария
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы