三个div,一个div的内容转到另一个div

问题描述 投票:0回答:3

我需要创建三个div,彼此相邻(属性float:left)。然后我从数据库中读取数据,我需要以三个div形式显示这些数据,这样我首先逐行填充第一个div,当我达到一定高度时,我转到下一个div并填充它与数据,等等。这类似于反向表,即我首先填充第一行中的第一列然后转到第二列,依此类推直到行结束,然后移动到第一行的第二列,依此类推。我希望你能得到这张照片。

有没有办法在CSS或其他方式实现这一点?

html reverse layer
3个回答
0
投票

使用column-count and column-span在CSS3中提供此功能。


0
投票

我不知道如何使其高效,但它应该可以使用javascript ...你知道行高,你检查所有内容的第一个div的高度,然后你截断到所需的大小,其余的放到下一个div ..重复..但这看起来很奇怪..?


0
投票

您可以通过在一列中请求数据库中的前30个结果来执行此操作,然后在下一个div中请求下一个30,依此类推。我不能仅仅在CSS 2.1中看到它是可能的。

© www.soinside.com 2019 - 2024. All rights reserved.