我正在寻找一种优化的方式来显示基于首字母排序和分组的动态生成的项目(如下图所示)。组可以具有不同数量的项目,因此也不知道项目的总数。
跨列传播组的最佳解决方案是什么(它们应保持排序)?
目前,这些组和项目是从php生成的,并分布在包含ul和li项目中的组和项目的列(div)之间。
https://www.dropbox.com/s/ub3mg3twm0eg8b6/columns.jpg
提前致谢,
答案 0 :(得分:0)
您可以使用CSS3列https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Using_multi-column_layouts,这可以作为polyfill https://github.com/BetleyWhitehorne/CSS3MultiColumn
使用答案 1 :(得分:0)
因为看起来你需要一个推动才能开始,所以我会做的。由于您的列是动态生成的,我假设您正在使用PHP:
当然需要一些调整。祝你好运!