Diese Frage hat hier bereits eine Antwort:

Ich versuche, ein Layout im pinterest-Stil zu erstellen, ohne Packery oder JS zu verwenden. Ich habe versucht, CSS3-Spalten zu verwenden, aber sie werden vertikal gestapelt.

Siehe die Geige hier,https: //jsfiddle.net/2otpzbgt/1

column-count: 3;

ist das, was ich benutzt habe und die Karten erscheinen als 1, 6, 11 und so weiter. Ist es möglich, als 1, 2, 3 ?? @ anzuzeige

Der Zweck, den ich zu lösen versuche, ist ein Rasterlayout mit dynamischem Inhalt, bei dem die Größe (Höhe) der Bilder variieren kann (ähnlich wie bei pinterest). Packery kann jedoch nur dann eine Anordnung treffen, wenn die Höhe des Bildes im Voraus bekannt ist. Ich lade faul Bilder und hole Karten, während Sie blättern.

Vielen Dank