我想像这样设置一个css列表
[ 1 ][ 2 ]
[ 3 ][ 4 ]
[ 5 ][ 6 ]
使用float：left时基本没问题 但是有一个问题，当[4]比3更高时，会发生以下情况：
[ 1 ][ 2 ]
[ 3 ][ 4 ]
[ ]
[ 5 ][ 6 ]
但我想表现得像这样：
[ 1 ][ 2 ]
[ 3 ][ 4 ]
[ 5 ][ ]
[ 7 ][ 6 ]
答案 0 :(得分：6)
我认为你不能在纯CSS中做到这一点，除非你提前知道每个项目的样子，并且我假设这是针对网站上的新闻提要部分你排成一列。您可以使用JQuery Masonry library之类的东西来完成它。
答案 1 :(得分：0)
如果您可以从上到下而不是从左到右显示项目，例如：
[ 1 ][ 4 ]
[ 2 ][ ]
[ 3 ][ 5 ]
然后你可以使用CSS3 multi-column feature。将列数设置为2将自动将项目分为两列。