固定幅の要素内の可変幅と高さの要素の位置を計算する必要があります。Pinterestのボードに似ていますが、要素の幅が可変であるため(ブロックのコンテンツによって決定されません。私の場合、ブロックには170x140または140x170の2つのサイズがあります)、列を使用できません。
フローティングは、ギャップが大きすぎるため、オプションではありません。display:inlineおよびdisplay:inline-blockも、必要な結果を生成しません。
数学的なアルゴリズムがあるようですが、各ボックスの位置はどのように計算されますか?
計算はJavascriptで行われます。