Kann flexbox-unterteilen Elemente gleichmäßig auf mehrere Zeilen?

Ich habe gespielt, um mit responsive flexbox, grids, die keine media queries.

http://jsbin.com/qurumisu/1 (skalieren der Fenster, um zu sehen, wie es funktioniert)

Passt es so viele flex-Elemente es können pro Zeile erstreckt und Ihre Breite gleichmäßig zu füllen die ganze Zeile. Dies bedeutet jedoch nicht, helfen, die "verwaisten" Einträge. Wenn die erste Zeile passt 5/6 Elemente gibt es nur noch für die zweite Linie, so dass es zu dehnen, viel breiter als die Geschwister. Ich würde es vorziehen, um dieses Verhalten zu vermeiden, indem er die Elemente gleichmäßig aufgeteilt auf die Menge der Zeilen erforderlich.

Ist das möglich?

Flexbox ist nicht von einem grid-system, zumindest nicht die Art, wie grid-Systeme gedacht sind in CSS.
Ich weiß. Allerdings gibt es eine Menge Dinge in css, die sind nicht dazu da, um verwendet werden, wie Sie derzeit sind. CSS-sprites zum Beispiel. Und immer noch löst ein großes problem 🙂

InformationsquelleAutor Albin | 2014-02-28

Schreibe einen Kommentar