Как выровнять блоки c новой строки с помощью flexbox?

Question

[Андрей Сергеевич]

Всем привет, возник вопрос
когда во флекс-контейнере 6 блоков, на всех размерах экрана все хорошо, но вот когда на новую строку переходят 2 блока - то растаскиваются по углам, а хотелось бы позиционировать аналогично float:left.
Есть ли возможность это реализовать?

.container4{
display: flex;
flex-wrap: wrap;
flex-direction: row;
justify-content:space-between;
align-items: flex-start;
margin:0 auto;
max-width: 1200px;
background:white;
}
.container4 .align_content{
width: 195px;
height: 200px;
margin-bottom: 20px;
background: blue;
}

Answer 1

[Ankhena]

Решается добавлением пустых блоков в количестве "максимальное количество блоков в строке минус один". Не забудьте у них обнулить высоту, границы, тени и т.д.
https://jsfiddle.net/0c8hb7ka/

(это если надо флексами)

Comments

[Андрей Сергеевич]

Достаточно оказалось и двух блоков, но решение интересное, спасибо!

Answer 2

[SgoriDotla]

justify-content:space-between; надо убрать

Comments

[Андрей Сергеевич]

и выравнивать MARGINом?
тогда весь смысл от Flexbox теряется