我们如何制作一个可以调整垂直和水平空间的动态照片库？

Question

我正在寻找像这样的东西........

如果它只是在水平方向上，那么float：left就可以了。但是如果我们想要一个元素尽可能占据垂直空间，那么我们该如何做呢？无论是图像还是任何DOM元素，我们如何动态地获得这种类型的对齐？

Answer 1

请浏览Jquery Masonry插件。 它旨在解决这个问题。

  

Masonry是jQuery的动态网格布局插件。把它想象成CSS浮动的另一面。浮动水平然后垂直排列元素，而砌体垂直排列元素，将每个元素定位在网格中的下一个开放点。结果最大限度地减少了不同高度的元素之间的垂直间隙，就像在墙上安装石头的石匠一样。

网址：http://masonry.desandro.com

Answer 2

A jQuery plugin called Masonry旨在处理此类事情。