@AlexaDin

Как центрировать img по центру при уменьшении размера экрана?

Как центрировать img по центру при уменьшении размера экрана? То есть есть изображение, оно вставляется пользователем, поэтому прописать его через css background возможности нет. У изображения большая ширина и маленькая высота. Если использовать просто width: 100%, то при уменьшении размера экрана, на мобильных у изображения становится очень маленькая высота и выглядит все это некрасиво. Хотелось бы оставлять обычную высоту, а вот ширину обрезать по бокам, чтобы в картинке оставался ее центр. Это можно как сделать посредством css или может скрипта?
  • Вопрос задан
  • 2299 просмотров
Решения вопроса 1
ThunderCat
@ThunderCat
{PHP, MySql, HTML, JS, CSS} developer
<img src="some.jpg" style="height: 90px; display: block; position: absolute; margin: auto; top: -9999px;bottom: -9999px;left: -9999px;right: -9999px;">
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
@hebrian_vasyl
Веб-разработчик
пропишите картинку в style

<div class="cover" style="background-image: url(path/to/user/image.jpg);">
  ...
</div>


и для класа .cover пропишите background-size
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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