Как сверстать на чистом HTML и CSS блоки разной высоты?

Question

[JohnDoe116]

Как сверстать на чистом HTML и CSS блоки разной высоты?(без JS и Jquery)

Comments

[Rustam Bainazarov]

inline block, flex, grid, column-count.

Но это всё будет костылём. Ищите подходящий вам пример костыля по запросу pure CSS masonry grid. Самый простой способ — flex с flex-direction: column и ограничением по высоте родительского контейнера.

А вообще, используйте JS-плагин для этого и не страдайте ерундой:
https://vestride.github.io/Shuffle/

Answer 1

[Митя ТоДаСё]

и все же высоты, у меня хоть и тройбан всю жизнь по русскому, но мне и то слух режет )

w3bits.com/css-masonry

Comments

[JohnDoe116]

извиняюсь, писал быстро, осталось чувство как будто что-то не так написал)

[Митя ТоДаСё]

JohnDoe116, ответ не устроил?)

[JohnDoe116]

Митя ТоДаСё, сделал еле как. Проблема в том что фотки пришлось переставлять в определенном порядке. Ужасные костыли но я пока не умею в JS. Но спасибо и на этом.

[Митя ТоДаСё]

JohnDoe116, а зачем переставлять?)) вы как их добавляли? нужно через свойство бекграунд...

[JohnDoe116]

Митя ТоДаСё, да можно и через бекграунд, но это все равно геморой.

[Митя ТоДаСё]

JohnDoe116, не вижу трудностей, при правильном применении, с указанием необходимых свойств css - все очень удобно!