javascript - CSS图像被子

Question

所以我会尝试展示我理想中的样子。我的图像每次都会不同，我希望它们像 2 排被子一样显示。这是一个丑陋的例子:

aaabbbbddddddddddhhhhhhhhh
aaabbbbddddddddddhhhhhhhhh
aaabbbbeeeeeggg  hhhhhhhhh
   bbbbeeeeeggg  hhhhhhhhh
ccccccccffffffffffggggiiiiii
ccccccccffffffffffggggkkkk
ccccccccffffffffff    kkkk

我不知道这是否有意义，或者它是否切实可行。以更类似代码的方式进行解释，我希望 div 不仅向左或向右浮动，而且如果有可用空间，还希望 div 向下 float 到上一张图像的下方，然后再填充到它旁边。我不能使用绝对定位，因为不同的图像将在不同的实例中使用相同的 css/html/javascript。

Answer 1

有一个 jQuery 插件:jQuery Masonry .我不知道有任何简单的非 jQuery 解决方案可以解决您的问题。