Мне нужен контейнер заданного размера с неизвестным количеством детей (на момент написания) с изображениями, которые будут размещены в нем в строках. Я экспериментировал с flex-контейнером и получил что-то подобное:
display: inline-flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:space-evenly;
align-items:center;
Смотрите здесь: https://jsfiddle.net/4gacev6f/1/
Это работает довольно хорошо ... пока я не добавил еще несколько children:
Добавлено больше дочерних объектов: https://jsfiddle.net/4gacev6f/3/
Я ожидал, что они будут заключены в несколько строк, но они будут отображаться в одной строке.
Что можно сделать, чтобы заставить контейнер Flex обернуть содержимое, если для этого есть место?