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

标签 javascript html css responsive-design floating

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

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

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

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

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

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

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

最佳答案

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

关于javascript - 动态生成的 “floating divs” 宽度均匀但高度不均匀,对齐问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19174912/

相关文章:

javascript - Jquery 自动完成自定义 HTML 结果

javascript - 如何在javascript中检测计算机电源是否暂停?

CSS3 改变动画中的内容

javascript - 使div出现在wordpress的滚动条上

javascript - 使用 jquery.mb.YTPlayer onReady 事件,如何将类添加到主体或元素?

javascript - 如何在不捆绑的情况下将为 AMD 编写的代码重写/重新打包为 CommonJs?

javascript - 无法使用 javascript 代码将 css 类设置为 HTML 元素

javascript - 使用 CoffeeScript 为选择框选择默认值

javascript - Flash 在 Android 浏览器解决方法中始终位于最前面?

jquery - Fancybox 2 - Ajax 调用丢失 CSS 格式