@smile_com

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

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

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

63332d1a9c1be176846313.jpeg
  • Вопрос задан
  • 61 просмотр
Решения вопроса 1
@Wispik
Я бы сделал через гриды:
.parent {
    display: grid;
    grid-template-columns: 225px 225px;
    justify-content: center;
}
Ответ написан
Пригласить эксперта
Ответы на вопрос 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; это должно его отцентровать
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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