目前,通过使用左浮动元素,我可以在水平滚动的容器中强制内容从左到右。(见图1)
我需要这些框按图 2 的顺序流动。到目前为止,如果内容“击中”div 的底部,我找不到任何方法来阻止内容向右移动 - 如果使用溢出:隐藏,它要么流到外面,要么表面停止。
内容正在动态加载
这可以用 CSS 完成还是我需要 javascript?
非常感谢任何帮助
图像1
图2
目前,通过使用左浮动元素,我可以在水平滚动的容器中强制内容从左到右。(见图1)
我需要这些框按图 2 的顺序流动。到目前为止,如果内容“击中”div 的底部,我找不到任何方法来阻止内容向右移动 - 如果使用溢出:隐藏,它要么流到外面,要么表面停止。
内容正在动态加载
这可以用 CSS 完成还是我需要 javascript?
非常感谢任何帮助
图像1
图2
您将不得不使用<div>
's 为内部内容创建列。append()
然后,您可以使用 jQuery 的方法将您的内容动态加载到所选的 div 中。
我建议使用布局“网格”库来减少跨浏览器错误并使列布局更容易一些。Twitter Bootstrap 框架非常适合:http: //twitter.github.com/bootstrap/
这是网格部分的链接:http: //twitter.github.com/bootstrap/scaffolding.html