Element-Einträge von oben nach unten und bei Bedarf automatisch mehrspaltig (Grid?)

[Kira]

Hallo Ihrs,

ich möchte ein Grid-Element aufbauen, das die Einträge aber nicht von links nach rechts anordnet und bei Zeilenende eine neue Zeile anfügt, sondern von oben nach unten anordnet und bei Erreichen des unteren Rands des Elements eine neue Spalte anfügt. Die Anzahl der Spalten ist jedoch begrenzt (rechter Bildschirmrand), womit die Spalten ggf. auch nach Erreichen des unteren Rands weitergeführt werden und das ganze Element dann mittels CSS -> overflow:auto gescrollt werden kann.

Beispiel: HTML-Quelltext: <div><span>1</span><span>2</span><span>3</span>...<span>35</span><span>36</span></div>

Ausgabe:

1  13  25
2  14  26
3  15  27
   ...
11 23  36
12 24

Ich habe im Inet recherchiert, aber nur Lösungen gefunden, die entweder zuerst von links nach rechts und dann von oben nach unten platzieren oder jedem Element eine feste Position im Raster zuweisen. Doch mit einem Grid-Element wird es doch bestimmt möglich sein, automatisch wie oben beschrieben zu positionieren.

Grüße Kira