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

时间:2011-08-03 23:49:31

标签: html reverse layer

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

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

3 个答案:

答案 0 :(得分:0)

使用column-count and column-span在CSS3中可以使用此功能。

答案 1 :(得分:0)

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

答案 2 :(得分:0)

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