Как выровнить большую картинку в блоке по вертикали в css

Рейтинг: -1Ответов: 1Опубликовано: 15.01.2023

Имеется блок, высота и ширина динамические относительно параметров экрана. Внутри этого блока картина больших размеров. Как её вставить чётко по середине картинки по вертикали в этом блоке. Скриншот приложилвведите сюда описание изображения

css html
Источник: Stack Overflow на русском

Ответы

▲ 2

нашёл решение

.item {
  position: relative;
  overflow:  hidden;
  height: 300px;
}

.item img {
  position: absolute;
  left: -50%;
  top: -50%;
  bottom: -50%;
  right: -50%;
  margin: auto;
}