javascript - 动态生成的 “floating divs” 宽度均匀但高度不均匀，对齐问题

Question

如果有人知道如何解决这个问题，我将不胜感激:

问题描述:我们有动态生成的“ float div”，其宽度均匀但高度不均匀。(基于内容)。“父容器”将具有不同的宽度参数，以允许 2、3、4(在附加示例中为 2 列和 3)div 以适合其宽度。div 的顺序是从左到右，总是按等级顺序 1,2,3 等...

我们如何才能在不造成差距的情况下实现这一目标？ (由传统的 float 方法引起)。

div的数量是动态创建的，没有限制...

解决方案应该是ie8,ie9兼容

谢谢，乔纳森。 ![在此处输入图片描述][1]

示例说明可以在这里找到: https://app.box.com/s/6y89dlan1jt8bpjvcgb9

Answer 1

您是否考虑过使用类似 Masonry 的东西？