Javascript 均匀分布元素

Javascript 均匀分布元素,javascript,math,geometry,Javascript,Math,Geometry,我需要计算具有可变宽度和高度的元素在具有固定宽度的元素中的位置。 它类似于Pinterest板,但由于元素宽度可变,它不是由块的内容决定的,在我的例子中,块有两种大小-170x140或140x170,因此我不能使用列 浮动不是选项,因为它会产生过大的间隙。 显示:内联和显示:内联块也不会生成所需的结果 似乎有一个数学算法,每个盒子的位置是如何计算的 计算将在Javascript中完成。这很奇怪,因为display:inline应该完全满足您的需要。你可以发布一个有问题的精确元素的示例代码吗?我不

我需要计算具有可变宽度和高度的元素在具有固定宽度的元素中的位置。 它类似于Pinterest板,但由于元素宽度可变,它不是由块的内容决定的,在我的例子中,块有两种大小-170x140或140x170,因此我不能使用列

浮动不是选项,因为它会产生过大的间隙。 显示:内联和显示:内联块也不会生成所需的结果

似乎有一个数学算法,每个盒子的位置是如何计算的


计算将在Javascript中完成。

这很奇怪,因为display:inline应该完全满足您的需要。你可以发布一个有问题的精确元素的示例代码吗?我不能使用内联,因为我需要每个块都有自己的宽度和高度。在我的例子中,每个块需要是170x140或140x170像素。如果你愿意看看的话,也许会有帮助。你可以把所有东西都浮起来。哇,这正是我需要的。我们将看看是否可以从中获得简单的算法。到可视化示例的链接不再起作用。