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

Question

[Dan Ryehood]

Есть флекс-блок 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-го блока. Только это не сработает.

Answer 1

[Dan Ryehood]

Интересно получается. До сих пор никто не ответил. Что ли нет решения? Только разбивать по строкам — отдельная строка в отдельный див?

Answer 2

[twixoff]

Если всегда по 2 блока, то можно задать ширину дочерних в 50%.