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

Дизайнер нарисовал макет, где элементы идут как бы столбцами (они разной высоты, и идут вплотную вертикально), но при этом важна из последовательность - и она должна читаться слева направо.

Если я юзаю CSS3 colums, элементы выводятся сверху вних, а мне нужно чтобы они заполнялись слева направо, но выглядели так же - плиткой.
5b4e4b9ee335d276374762.png

Как это сделать? CSS не катит, пробовал Masonry Layour (jQuery), он просто в кашу блоки плющит:
5b4e4c3aced60455763717.png
  • Вопрос задан
  • 120 просмотров
Решения вопроса 1
Audiophile
@Audiophile Автор вопроса
Оказалось, дело в картинках - они ломают layout. Заюзал imagesLoaded https://masonry.desandro.com/layout.html#imagesloaded , и всё отлично.
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 2
Madeas
@Madeas
UI / UX Designer, Frontend Developer
на флексах попробуйте заверстать, где-то со стилями схитрить можно будет. Хотя, на мой взгляд, выровнять их на одну высоту было бы лучше.
Ответ написан
Комментировать
Ну я бы их одной высоты делал... Когда все по линеечке, то вид более официальный, да и газом читается проще. Ну а там учить не надо - флоат лефт и только в путь!
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы