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

Question

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

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

Answer 1

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

Answer 2

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

Answer 3

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