在列之间均衡内容

时间:2013-05-22 01:53:19

标签: php javascript jquery css calculated-columns

我正在寻找一种优化的方式来显示基于首字母排序和分组的动态生成的项目(如下图所示)。组可以具有不同数量的项目,因此也不知道项目的总数。

跨列传播组的最佳解决方案是什么(它们应保持排序)?

目前,这些组和项目是从php生成的,并分布在包含ul和li项目中的组和项目的列(div)之间。

https://www.dropbox.com/s/ub3mg3twm0eg8b6/columns.jpg

提前致谢,

2 个答案:

答案 0 :(得分:0)

答案 1 :(得分:0)

因为看起来你需要一个推动才能开始,所以我会做的。由于您的列是动态生成的,我假设您正在使用PHP:

  1. 计算列中的每个项目
  2. 统计整页上的所有项目
  3. 除以三个
  4. 接下来,您将输出前三分之一直到最后一组的最后一项
  5. 计算第一列中的所有项目
  6. 下一个输出从新组的第一项开始,输出与第一组中的项目一样多的项目,不包括最后一组
  7. 输出de last column
  8. 中的其余项目

    当然需要一些调整。祝你好运!