Jump to content
  • Sign Up
d0ublezer0

Flexbox вместо masonry?

Recommended Posts

Привет! Есть галерея в конце страницы, построенная на masonry

https://www.farmadental.ru/doctors/balayan

Подозреваю, что на флексе сделать такое вполне реально, более того, нашел пример,  демонстрирующий прекрасный результат 

Но для флекса по колонкам нужна ограниченная высота контейнера, которая в моем случае всегда разная, т.к. количество и размер элементов всегда разные.

Реально ли как-то добиться этого без использования JS ?

Share this post


Link to post
Share on other sites
Разобрался.
 
заменил
window.onload = resizeAllGridItems();

на

window.addEventListener('load', resizeAllGridItems);

На тестовой странице https://www.farmadental.ru/test.html

всё заработало как надо, только вот на боевой странице https://www.farmadental.ru/doctors/balayan выстраиваться не хочет. между элементами не вычисляется расстояние по вертикали. Или вычисляется неправильно.

 
Вместо этого (как в тестовом файле) :
 
Получаем это:
Edited by d0ublezer0

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


  • Member Statistics

    46,873
    Total Members
    1,451
    Most Online
    riyasteve
    Newest Member
    riyasteve
    Joined
  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...