Vlastnost CSS grid-auto-flow

Vložit automaticky umístěné položky sloupec po sloupci:

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

Definice a použití

Tato grid-auto-flowvlastnost řídí, jak se automaticky umístěné položky vkládají do mřížky.

Výchozí hodnota:	řádek
Zděděno:	Ne
Animovatelné:	Ano. Přečtěte si o tématu Animable
Verze:	Modul rozložení mřížky CSS, úroveň 1
Syntaxe JavaScriptu:	objekt .style.gridAutoFlow="row hustý"

Čísla v tabulce určují první verzi prohlížeče, která plně podporuje vlastnost.

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

Vyplňte všechny otvory v mřížce přidáním hodnoty "hustá":

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