变量列页面

时间:2013-08-01 07:19:12

标签: javascript jquery css web

好吧,这就是我的困境。我有一堆宽度相同的div  (但可变高度)。我希望它们显示在页面底部的下一个UNTIL顶部的页面上,如果页面上有这些项目的第二列空间而没有滚动,那么我希望它继续在第二列,第三列如果页面上没有可用空间,则它会离开页面,需要滚动条才能看到下面的内容。

这基本上类似于浮点数:顶部如果它存在(它可悲的是没有)。此外,我希望它随窗口大小动态更改。如果我将窗口缩小到一个列宽,我希望数据直接向下一列。如果我调整为两列宽,则它会在两列之间划分数据。

最后必须保留div的顺序。我愿意使用包含CSS3的jQuery和CSS来做到这一点,其他任何东西我都要看看它。我相信如果我在它工作,我可以写一些自定义的jQuery脚本来做到这一点,但我不禁觉得它应该更容易。我已经查看了css3列,但无法让它们按照我的意愿去做,所以如果他们能够做到这一点就具体了解他们是如何做到的。

1 个答案:

答案 0 :(得分:0)

您听说过媒体查询吗?在特定的断点处,您可以应用不同的CSS规则,因此您可以更改列的布局。

Have a read.