三个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中看到它是可能的。