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

Question

Я ищу что-то вроде этого ........

Если это только в горизонтальном направлении, то float: left сделает трюк.... но если мы хотим, чтобы элемент занимал вертикальное пространство всякий раз, когда это возможно, то как нам это сделать?Будь то изображение или любой элемент DOM, как мы можем динамически получить этот тип выравнивания?

Answer 1

Пожалуйста, пройдите через плагин Jquery Masonry. Он предназначен для решения именно этой проблемы.

Masonry - это плагин динамической разметки сетки для jQuery. Думайте об этом как об обратной стороне CSS-плавающих элементов. В то время как плавающие элементы располагаются горизонтально, а затем вертикально, Masonry размещает элементы вертикально, размещая каждый элемент на следующем открытом месте в сетке. Результат сводит к минимуму вертикальные промежутки между элементами разной высоты, точно так же, как каменщик укладывает камни в стену.

URL: http://masonry.desandro.com

Answer 2

Плагин jQuery под названием Masonry предназначен для таких вещей.