1

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

将组分布在列中的最佳解决方案是什么（它们应该保持排序）？

目前，组和项目是从 php 生成的，并分布在包含 ul 和 li 项目中的组和项目的列（div）中。

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

提前致谢，

4

2 回答 2

0

您可以使用 CSS3 列https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Using_multi-column_layouts这将作为 polyfill https://github.com/BetleyWhitehorne/CSS3MultiColumn

于 2013-05-22T02:01:34.480 回答
0

因为它看起来你只需要推动开始，他就是我会做的。由于您的列是动态生成的，我假设您正在使用 PHP，您应该：

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

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

于 2013-05-22T02:02:45.833 回答