Задать вопрос
@smile_com
css

Нужно отцентрировать блок?

Как отцентрировать блок, если дочерние элементы фиксированы по ширине, а сам блок 100%, но при этом 3-й элемент должен остаться слева?

Если сделать justify-content: center;, то 3-й элемент тоже по центру встает, а надо чтобы был слева.

63332d1a9c1be176846313.jpeg
  • Вопрос задан
  • 62 просмотра
1 комментарий
Подписаться 1 Средний 1 комментарий
Решения вопроса 1
Wispik
@Wispik
Я бы сделал через гриды:
.parent {
    display: grid;
    grid-template-columns: 225px 225px;
    justify-content: center;
}
Ответ написан
2 комментария
2 комментария
Пригласить эксперта
Ответы на вопрос 2
@smile_com Автор вопроса 
<!--  Это просто пример -->
<!--  Windows width  600px -->
<body>
    <style>
        .parent {
            width: 100%; /* строго 100% */
            display: flex;
            flex-wrap: wrap;
        }
        .item {
            width: 225px;
        }
    </style>
    <div class="parent">
        <div class="item">1</div>
        <div class="item">2</div>
        <div class="item">3</div>
    </div>
</body>
Ответ написан
Комментировать
Комментировать
@valeryshel
А что если задать div1 и div3 отрицательный margin-left ? Тогда они сдвинутся, а родитель останется на месте.

а родительскому блоку parent присвоить margin: 0 auto; это должно его отцентровать
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы
Вакансии с Хабр Карьеры
Fullstack Developer под Wordpress
Future Search
от 90 000 до 150 000 ₽
JavaScript FullStack разработчик
Rocket • Смоленск
от 80 000 до 130 000 ₽
Trainee - IT Support
move2usajobs LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Передача конверсий из AmoCRM на новую сделку и продажу
26 нояб. 2024, в 11:57
10000 руб./за проект
Сверстать по макету
26 нояб. 2024, в 11:39
1000 руб./за проект
Перенести сайт с правками на другую платформу
26 нояб. 2024, в 10:57
40000 руб./за проект
Ещё заказы