CSS grid-auto-flow Özellik

Otomatik olarak yerleştirilen öğeleri sütun sütun ekle:

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

Tanım ve Kullanım

Özellik , grid-auto-flowotomatik olarak yerleştirilen öğelerin ızgaraya nasıl ekleneceğini kontrol eder.

Varsayılan değer:	sıra
Miras:	Hayır
canlandırılabilir:	Evet. Canlandırılabilir hakkında bilgi edinin
Sürüm:	CSS Izgara Düzen Modülü Seviye 1
JavaScript sözdizimi:	nesne .style.gridAutoFlow="sıra yoğun"

Tablodaki sayılar, özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtir.

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

"Yoğun" değeri ekleyerek ızgaradaki tüm delikleri doldurun:

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