我想创建一个可调整大小的网格，其中包含可拖动和可排序的图标（类似于桌面）。 问题是，使用css“float：left”，我得到一个“水平”填充网格（从左到右，然后从上到下），我想要的是从上到下，然后从左到右（也喜欢桌面）
现状：
[ icon1 ][ icon2 ][ icon3 ]
[ icon4 ][ icon5 ][ empty ]
[ empty ][ empty ][ empty ]
期望状态：
[ icon1 ][ icon4 ][ empty ]
[ icon2 ][ icon5 ][ empty ]
[ icon3 ][ empty ][ empty ]
对html标记或css规则的任何描述？
现在我有一个js脚本获取容器div的高度，如果它小于图标列表的高度，它会创建另一个ul并用隐藏的那个填充它，但我不认为这是最好的解决方案。
由于
Aditional Notes：我正在使用jQuery和jQuery UI，这个项目仅适用于谷歌浏览器，所以我并不担心浏览器的兼容性，而且我也不会遇到浏览器特定的HTML5或CSS3解决方案的麻烦。最后，图标加载dinamicaly和可以调整大小的容器，所以我不认为图标可以绝对定位
* Sory为我的英语*
答案 0 :(得分：1)
答案 1 :(得分：1)
使用多列列表。这是一个使用jquery创建多列列表的示例。一旦你有多个列，你应该能够用它做你需要的。我建议为每个列应用一个类，这样你就可以调整该列而不是所有的li，你可以将li设置为拖放部分的容器。