css - How do I dynamically create a collage (grid with no gaps) of images, where images have different heights? -


i want display page of thumbnails. thumbnails user uploaded artwork images. each image has constrained width, not constrained height, show full image without cropping.

i want images butt against each other no gaps in between. number of columns not fixed: if expand or resize page images should flow correct number of columns.

float:left 

is almost, want. except when there tall images in page gapped look:

enter image description here

how eliminate gaps?

if want in css have create divs every column, , float columns (but messes order of images).

alternatively, can use jquery plugin this one.


Comments

Popular posts from this blog

c# - SharpSVN - How to get the previous revision? -

c++ - Is it possible to compile a VST on linux? -

url - Querystring manipulation of email Address in PHP -