Задать вопрос
aloky
@aloky
js
html

Расположить картинку по центру, как?

https://codepen.io/aloky/pen/YYgpaB

upd:
У меня есть блок 150х150. Есть картинка 150x300 и надо расположить картинку по центру чтоб был в блоке 150x150.

<div style="text-align:center; height: 150px !important; width: 150px !important; overflow: hidden; margin: auto;">
 <a href="#">
   <img width="auto" height="150px" src="{{item.picture}}" style="height: 150px !important; width: auto !important;" />
 </a>
</div>
  • Вопрос задан
  • 201 просмотр
3 комментария
Подписаться 1 Простой 3 комментария
Решения вопроса 1
archakov06
@archakov06
Frontend-разработчик (ReactJS)
https://codepen.io/archakov/pen/Ozqbqy
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ответы на вопрос 1
@EEclipsEE
она и так у вас по центру, но т.к. вы над блоком извращались получилось так.
по факту делаете вот так https://codepen.io/anon/pen/vpPyQw. а потом двигаете блок как надо.
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Анимация логотипа
24 апр. 2024, в 00:08
20000 руб./за проект
Разработка дизайна раздела «Статьи» на сайте «Мир отходов»
23 апр. 2024, в 23:01
10000 руб./за проект
Дизайн личного кабинета (клиентская часть)
23 апр. 2024, в 22:37
500 руб./в час
Ещё заказы