CSS Grid-Auto-Flow- Eigenschaft

Spalte für Spalte automatisch platzierte Elemente einfügen:

.grid-container {
display: grid;
grid-auto-flow: column;
}

Definition und Verwendung

Die grid-auto-flowEigenschaft steuert, wie automatisch platzierte Elemente in das Raster eingefügt werden.

Standardwert:	Reihe
Vererbt:	Nein
Animierbar:	ja. Lesen Sie mehr über animierbare
Ausführung:	CSS-Grid-Layout-Modul Stufe 1
JavaScript-Syntax:	Objekt .style.gridAutoFlow="Zeile dicht"

Die Zahlen in der Tabelle geben die erste Browserversion an, die die Eigenschaft vollständig unterstützt.

Property
grid-auto-flow	57	16	52	10	44

grid-auto-flow: row|column|dense|row dense|column dense;

Value	Description	Play it
row	Default value. Places items by filling each row
column	Places items by filling each column
dense	Place items to fill any holes in the grid
row dense	Places items by filling each row, and fill any holes in the grid
column dense	Places items by filling each column, and fill any holes in the grid

Füllen Sie alle Löcher im Raster, indem Sie den Wert "dicht" hinzufügen:

.grid-container {
display: grid;
grid-auto-flow: row dense;
}