Schöner Stil zum Sortieren von Karten in zufälliger Größe

Ich möchte auf unserer Website einen Stil wie Google Plus für Newsfeeds implementieren. Können Sie mir sagen, wie dieser Stil heißt, oder mir einen anderen gut aussehenden Stil empfehlen?

Ich muss viele Karten zufälliger Größe mit Lazy Loading sortieren. In erster Linie möchte ich einen Stil wie im Bild unten.

Geben Sie hier die Bildbeschreibung ein

Ich bin mir nicht ganz sicher, was Sie fragen, aber was auch immer Sie tun, beginnen Sie mit gleichem Abstand zwischen allen Quadraten. :)

Antworten (1)

Allgemein heißt es im Webdesign Freimaurerei . Und das mit einer Kombination aus Cascading Style Sheets (CSS) und Javascript.

Ich habe oben auf ein solches Skript verlinkt (wahrscheinlich das beliebteste), es gibt jedoch andere ...

Hier ist ein Sitepoint-Artikel über Mauerwerk.... Masonry Layouts verstehen

Mauerwerk ist ein Rasterlayout, das auf Säulen basiert. Im Gegensatz zu anderen Rasterlayouts hat es keine Zeilen mit fester Höhe. Grundsätzlich optimiert das Masonry-Layout die Platznutzung innerhalb der Webseite, indem unnötige Lücken reduziert werden. Ohne diese Art von Layout sind bestimmte Einschränkungen erforderlich, um die Struktur des Layouts beizubehalten.

Dank CSS-Spalten braucht man den JS-Teil eigentlich gar nicht mehr. Weitere Informationen zu CSS-Tricks . Ein Beispiel ist die Spark-Seite von Codepen hier . Natürlich erfordert Lazy Loading immer noch die Verwendung von etwas JS.
Schöner Stil zum Sortieren von Karten in zufälliger Größe
AntwortenHierDatenschutz-Bestimmungen1y, 0v