Как перенести растягивающиеся флекс-блоки на новую строку?

Есть флекс-блок parent и дочерние блоки child.
<div class="parent">
    <div class="child">1</div>
    <div class="child">2</div>
    <div class="child">3</div>
    <div class="child">4</div>
</div>

.parent {
    display: -webkit-flex;
    -webkit-flex-wrap:wrap;
}
.child {
    min-width: 300px;
    -webkit-flex-grow: 1;
    -webkit-flex-shrink: 1;
}

Что важно, дочерние блоки растягивающиеся.

Внимание, вопрос. Как сделать так, чтобы, скажем, с 3-го блока дочерние элементы перешли на новую строку?

Типа поставить <br /> после 2-го блока. Только это не сработает.
  • Вопрос задан
  • 5776 просмотров
Пригласить эксперта
Ответы на вопрос 2
wbird
@wbird Автор вопроса
Интересно получается. До сих пор никто не ответил. Что ли нет решения? Только разбивать по строкам — отдельная строка в отдельный див?
Ответ написан
Комментировать
twixoff
@twixoff
Если всегда по 2 блока, то можно задать ширину дочерних в 50%.
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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