jquery - 垂直堆叠 div 的动态数量,然后在右侧 w。 CSS/JS

标签 jquery html css

<分区>

我将动态数量的 div(可变高度)加载到父 div 中。 我需要按如下方式加载它们:

----parent div ------
-div1-  -div5-
-div2-  -div6-
-div3-  -div7-
-div4-  -div8-
---------------------

当我使用 float:left 时,它们以我不希望的方式堆叠:

-div1- -div2-
-div3- -div4-
-div5- -div6-

有什么想法吗?可以用js检测溢出的div吗?

最佳答案

jsFiddle Demo

在其中添加另一个 div 以模拟列

----parent div ------
--sub-- | --sub--
 -div1- | -div5-
 -div2- | -div6-
 -div3- | -div7-
 -div4- | -div8-
------- | -------
---------------------

关于jquery - 垂直堆叠 div 的动态数量,然后在右侧 w。 CSS/JS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17561872/

上一篇:CSS 字体图标字体系列被忽略

下一篇:javascript - :visited doesn't work on tablet when link opens iTunes application

相关文章:

javascript - 使用 Window.resize 和媒体查询来移动一个 div 元素

javascript - 是否可以使用 JavaScript 编辑 &lt;script type ="text/template"> 的内容?

php - 按下后退按钮时重新提交表单

internet-explorer - CSS3 PIE - 给 IE 边框半径支持不起作用?

css - 悬停在 icon-caret-down

javascript - 真的需要等待DOM准备好才能操作DOM吗?

javascript - 层叠动画

javascript - 如何从 javascript 运行 php 脚本

c# - 如何从 IHTMLDocument2 获取所有 mshtml.IHTMLDivElement?

HTML/CSS 标题格式问题