我需要创建三个div,彼此相邻(属性float:left)。然后我从数据库中读取数据,我需要以三个div形式显示这些数据,这样我首先逐行填充第一个div,当我达到一定高度时,我转到下一个div并填充它与数据,等等。这类似于反向表,即我首先填充第一行中的第一列然后转到第二列,依此类推直到行结束,然后移动到第一行的第二列,依此类推。我希望你能得到这张照片。
有没有办法在CSS或其他方式实现这一点?
使用column-count
and column-span
在CSS3中提供此功能。
我不知道如何使其高效,但它应该可以使用javascript ...你知道行高,你检查所有内容的第一个div的高度,然后你截断到所需的大小,其余的放到下一个div ..重复..但这看起来很奇怪..?
您可以通过在一列中请求数据库中的前30个结果来执行此操作,然后在下一个div中请求下一个30,依此类推。我不能仅仅在CSS 2.1中看到它是可能的。