*我不想要砌体。
如果您注意到Google图片的工作方式,图片会“调整大小”以在容器内完美对齐。换句话说,右侧和左侧是对齐的。
当您调整浏览器窗口大小时,图像会调整以保持外观。
我对图片加载到页面上的方式感兴趣,而不是点击它们后发生的事情。
答案 0 :(得分:1)
我用过这个:http://webdesignledger.com/tutorials/create-a-resizable-image-grid-with-jquery
然后将每个元素放入带有砖石的容器中。
此外,我的每张图片都具有相同的高度但宽度不同。
答案 1 :(得分:0)
我写了一个jQuery插件,使用随机大小的元素创建一个完美的网格 - 如果你愿意,你可以控制大小。它的工作是填补来自砖石或同位素布局的任何空隙。可以是流体或静态,支持排水沟,也允许严格的打字尺寸。
https://github.com/DrewDahlman/Mason
示例 - https://drewdahlman.com/experiments/mason/example/fluid_gutters.html
需要注意的是,它需要填充块,可以根据需要进行设置,也可以从网格中复制和复制随机块。