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