javascript - 从左到右强制内容不溢出高度

标签 javascript css html

目前,通过使用左浮动元素,我能够在具有水平滚动的容器中强制内容从左到右。 (见图一)

我需要框按图像 2 的顺序流动。到目前为止,如果内容“碰到”div 的底部,我找不到任何方法来阻止内容向右移动——它要么流到外面,要么在使用溢出时表面上停止:隐藏。

内容正在动态加载

这可以用 CSS 完成还是我需要 javascript?

非常感谢任何帮助

图片1 image 1

图片2 enter image description here

最佳答案

您将不得不使用 <div>为内部内容创建列。然后,您可以使用 jQuery 的 append() 将您的内容动态加载到所选的 div 中。方法。

我建议使用布局“网格”库来减少跨浏览器错误并使您的列布局更容易一些。 Twitter Bootstrap 框架非常适合:http://twitter.github.com/bootstrap/

这是网格部分的链接:http://twitter.github.com/bootstrap/scaffolding.html

关于javascript - 从左到右强制内容不溢出高度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12549658/

相关文章:

javascript - 正则表达式 - 匹配某些定界符之间的任何文本

javascript - 在元素上执行单击

html - CSS3 悬停显示 div

javascript - 如果定义了所有属性,则将变量设置为 true

javascript - 居中文件输入 Bootstrap

css - 如何跨越到隐式网格中的最后一列?

javascript - 如何完成下面的JavaScript代码?

php - 如何使用带有 HTML 表单的 PHP 在 MySQL 中插入记录

php - 使用 PHP 和 HTML 显示 MYSQL 数据

javascript 关闭 : implicit parameters, 调用者