Какой скрипт или метод использовать для построение блоков?

Question

[red-web]

Какой скрипт или метод использовать для построение блоков
чтобы они автоматически выстраивались таким порядком? Изначально высота каждого блока не известна.

Comments

[Eduard07]

может float ?

[Антон Литвиненко]

Eduard07,
Float так не работает. Он будет цеплять за более длинные блоки

[Eduard07]

Anton Litvinenko, maybe

Answer 1

[Андрей]

Можно использовать css мульти-колонки https://developer.mozilla.org/en-US/docs/Web/CSS/c...
если js то, например https://masonry.desandro.com/

Comments

[red-web]

css мульти-колонки он ведь только 1 ряд колонок делает. Он ведь не может следующий ряд выстроить по высоте предыдущих блоков да?

[red-web]

То есть я хочу сказать что все в списке по порядку от 1 до 9 блоков в 3 колонки выстроятся таким образом:
первые 3 в левой колонке 4,5,6 в центре и 3 последних в правой, и если это датированные блоки, то хронология будет кривой.

[Андрей]

Вот демка с колонками https://codepen.io/begprod/pen/BRpxPb
Можно еще побробовать гриды https://codepen.io/smashingmag/pen/PKjXvG

[red-web]

Андрей, собственно о чем и речь. вот https://codepen.io/amasmind/pen/qBBaZdW 1,2,3,4,5 все в левой колонке. Masonry подошел. спс.

Answer 2

[Сергей Соколов]

На основе flexbox можно сделать (на англ.) - см. демо Vertical и дальше где с JavaScript.