Задать вопрос
@drtvader
Вечный студент

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

Добрый день! Как сделать что бы изображения центрировались в блоке одинаково, не зависимо от их разрешения и пропорций(обрезались бы по краям самим блоком)?
Сейчас для них прописано max-width: 100%, и поэтому они растягиваются по ширине блока, а по высоте остаются в соответствии пропорций, как сделать, что бы по высоте эти изображения автоматически выравнивались по блоку, и оставались отцентрированными и при различных разрешениях изображения?
Прописаны в HTML через <img>
  • Вопрос задан
  • 147 просмотров
Подписаться 1 Оценить Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Skillbox
    Веб-вёрстка 3.0
    3 месяца
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Решения вопроса 1
L0k1
@L0k1
блоку -
overflow: hidden;
position: relative;

картинке -
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы
ITK academy Нижний Новгород
от 50 000 до 90 000 ₽
FoodSoul Калининград
от 180 000 до 250 000 ₽