jquery - 垂直 float 网格图库

Question

我知道您可以通过某种方式使用表格来实现这种效果，但是有没有办法像 - http://www.effektivedesign.co.uk/ 这样垂直 float 网格图像？ ？

好的，所以我用 masonry.js 尝试了这个，最初效果很好，但是使用 masonry 的媒体查询不太奏效。如果调整了对象的大小，效果仍然存在，所以我放弃了它。我想要砌体的效果，但是要用css。这只用表格完成吗？

Answer 1

您可以创建 4 个具有 float: left 的 div 列。使用分区算法将图像束分成 4 组，总高度大致相等。将第 1 组的图片放在左边的 div 中，将第 2 组的图片放在第二个 div 中，依此类推。