Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Packing different aspect-ratio images into uniform row height Re: Packing different aspect-ratio images into uniform row height

#87188
nilsw
Member

ok, Johan’s solution is a step in the right direction, but with text-align:left there is a bunch of dead space on the right and vice-versa. With text-align: center there is uneven spaces around the sides.

The isotope plugin that thomas proposed is really awesome, but not exactly what I’m looking for. I want there to be some way to dynamically resize the max row height on a per row basis in order to make sure images are packed evenly to both the left & right sides.

The super-techinical way of doing this is to measure all the images and re-order them, but this is a bit complicated (Strip Treemap algorithm). Plus, what if re-ordering the images is not an option as it is in my case?