@takinglimits

Как изменить центр элемента css?

Например, есть красный квадрат 100x100px(прим 1). Когда делаю margin-left: 50%, квадрат смещается больше чем на 50% (прим 2), как изменить центр элемента, чтобы было как в примере 3?5b16761e1886e911904732.png
  • Вопрос задан
  • 721 просмотр
Решения вопроса 2
iiiBird
@iiiBird Куратор тега CSS
Пока ты спишь - твой конкурент совершенствуется
transform: translateX(-50%);
https://jsfiddle.net/e71yrkht/
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 3
yuumatov
@yuumatov
FrontEnd разработчик, минималист
Сделай с помощью flexbox
Родителю:
display: flex;
justify-content: center;

Или по колхозному:
margin-left: calc(50% - 50px);
50px – это половина ширины вашего элемента.
Ответ написан
Комментировать
@antowa_plawkevich
Junior Front-end developer
почитайте тык
Ответ написан
Комментировать
@shmaroder
https://creditpower.ru
margin: 0 auto !important;
Опоздал, Виктор уже написал.
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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