Скажите пожалуйста, как сделать одинаковое расстояние между блоками?

Question

[dgafs1]

Как сделать чтобы расстояние между блоками было одинаковым, а сами блоки были высотой по содержимому ?



Что бы получилось, так:

Comments

[Ankhena]

Флекс тут не поможет.
1. Самый простой вариант это CSS columns
2. Можно использовать любой готовый скрипт из семейства masonry. Легко гуглится.
3. Либо считать высоту на JS и тогда можно и флекс.
4. Вариант из очень будущего (всё таки вопросы тут живут долго, на всякий напишу): раскладка masonry в grid.

Answer 1

[Aleksey Solovyev]

Это называется Masonry и обычно делается через JS библиотеку какую

Если делать через flex, то надо будет высоту считать для контейнера:



Или самый простой вариант через свойство columns в css:

Answer 2

[Антон Усачев]

В данном случае можно без js обойтись. Почитай про columns в css, там много интересных настроек, в том числе автоматическая ширина и переносы по количеству контента. Накидал пример: кодручка.