search

suprb / Nested

Gap free multi column grid
1.69k stars 248 forks source link

Dynamic Height #11

Open ghost opened 11 years ago

ghost commented 11 years ago

I do agree that this is one awesome plugin! However how do you pre-calculate the height of the boxes? In a responsive design the width and height is set to 100% or any percentage of that matter. How does one allocate a height ratio before the content is inserted in the DOM?

shamguy4 commented 11 years ago

you can use jquery's length property to check. lets say my boxes have li's in them. so I check how many li's there are and set it to that many height.

But your right... right now masonry is easiest to use for dynamic height. just make sure you use the same width for all elements (or increments of that width) and you wont have any gaps!