Flex: расположение элементов одинаковой ширины и одинакового количества строк. ⇐ CSS

[Anonymous]

Как расположить элементы так, чтобы они переносились в равное количество элементов одинаковой ширины в каждой строке в зависимости от ширины экрана.


Если экран сжимается:


Я не могу заранее знать ширину каждого элемента или установить фиксированную ширину.
Я изучал флексбокс и сетку и не могу понять. Это моя лучшая попытка использовать flexbox:

Код: Выделить всё

.FlexItem {
flex-grow: 1;
flex-shrink: 1;
flex-basis: 0px;
}




 11111111111 111111111111
22222222222 222222222222
33333333333 333333333333 3333333333 3333333333

44444444444 444444444444
55555555555 555555555555
66666666666 6666666666666

И я получаю следующее:




Подробнее здесь: https://stackoverflow.com/questions/793 ... ber-of-row