javascript - 如何在列中垂直放置 div 列表？

Question

所以我不知道如何准确地表达这个问题，这可能就是为什么我一直很难找到搜索结果的原因。但我认为一张图片值一千个字所以...

基本上，我想要具有可变高度的多列 div(所有内容都是动态创建的，因此没有硬编码位置)，其中每个 div 根据其列中其上方的 div 垂直对齐，而不是相对于旁边的 div。

编辑:

此外，我需要根据屏幕大小调整列数。因此在任何时候都可能有一个、两个、三个或四个列，但总 div 的数量相同。

Answer 1

详细说明 Sterling Archer 的评论。你应该为所有这些设置样式

float:left;

为了让他们彼此平均分配。我会使用百分比来设置它们的宽度

width:33%;

如果您需要一个例子，我很乐意提供，但我已经看到这个问题有几个例子。