Как в CSS, используя Flex, сделать разрыв строки

15.12.2019

Иногда, особенно при адаптивной верстке, нужно разделить одну линию блоков, с display: flex;, на несколько рядов.

Нужен контейнер:

 
.soFlex
{
    display: flex;
    justify-content: flex-start;
/*    flex-direction: row;*/
    flex-flow: row wrap;
}

Важно: flex-flow: row wrap;

Сам перенос делается так:

 
.soFlex >div:nth-of-type(2) 
{
    page-break-after : always;
}

Категории: CSS

Пометки: flex перенос строки, css flex новая строка