Три колонки с разной высотой?

Здравствуйте! Тут короче проблемка у меня нарисовалась, я такое верстать не умею. 3 колонки, разная высота у картинок, и потом ещё 10 будут подгружаться ajax. Подскажите хотя бы направление, идею, как такое можно сделать. Grid-ы не справляются, flex тоже не подошел, была идея создать 3 колонки, и просто накидать туда картинки, высота не деформируется, всё хорошо. Но адаптивным сделать это будет сложно, плюс всё это будет натягиваться на wp. Mansory, я попробовал, в процентном соотношении эта фигня не работает, если у меня 3 колонки, допустим по 32% шириной, то расстояние между ними надо задавать фиксированное, это уже не адаптивно. Вобщем, если есть ещё какие-либо идеи, поделитесь пожалуйста.

5d1617ab8ddd1106030889.png
Правка: я использовал библиотеку jquery, не думал, что в css такое тоже есть. С css всё заработало, спасибо)
  • Вопрос задан
  • 380 просмотров
Решения вопроса 2
rockfeeler
@rockfeeler
Фронтендер, дизайнер, верстальщик-перфекционист
Странно, что не получилось на masonry, он такое умеет точно. На цсс подобное делается на columns. Для наглядного понимания можно зайти сюда и потыкать ссылочки.
Ответ написан
Комментировать
@bogomazov_vadim
В masonry есть параметр percentPosition: true, возможно это то что нужно.
Пример
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы