@drtvader
Вечный студент

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

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

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

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

Войти через центр авторизации
Похожие вопросы