Как мне динамически создать коллаж (сетку без промежутков) из изображений, где изображения имеют разную высоту?

Я хочу отобразить страницу эскизов. Эскизы - это загруженные пользователем изображения. Каждое изображение имеет ограниченную ширину, но не ограниченную высоту, это должно показать полное изображение без какой-либо обрезки.

Я хочу, чтобы изображения стыковались друг с другом без промежутков между ними. Количество столбцов не фиксировано: если я расширяю или изменяю размер страницы, изображения должны переходить в правильное количество столбцов.

float:left

- ПОЧТИ, то, что я хочу. За исключением случаев, когда на странице есть высокие изображения, я получаю этот вид с пробелами:

enter image description here

Как мне устранить пробелы?

8
задан Douglas B. Staple 18 April 2013 в 19:36
поделиться