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

Всем привет, возник вопрос
когда во флекс-контейнере 6 блоков, на всех размерах экрана все хорошо, но вот когда на новую строку переходят 2 блока - то растаскиваются по углам, а хотелось бы позиционировать аналогично float:left.
Есть ли возможность это реализовать?
5b3a26ebdf3ab443336336.png
.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;
}
  • Вопрос задан
  • 93 просмотра
Решения вопроса 1
Ankhena
@Ankhena
Нежно люблю верстку
Решается добавлением пустых блоков в количестве "максимальное количество блоков в строке минус один". Не забудьте у них обнулить высоту, границы, тени и т.д.
https://jsfiddle.net/0c8hb7ka/

(это если надо флексами)
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
@SgoriDotla
justify-content:space-between; надо убрать
Ответ написан
Ваш ответ на вопрос

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

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