CSS grid-auto-columns egenskab

DefinITION OG BRUG

grid-auto-columns egenskab indstiller størrelsen på kolonnerne i netværkscontaineren.

Denne egenskab påvirker kun kolonner, der ikke er indstillet til en størrelse.

Se også:

CSS undervisning:CSS gitterlayout

CSS referenceret manuel:grid-auto-rows egenskab

Eksempel

Indstil standardstørrelse for kolonner i netværket:

.grid-container {
  display: grid;
  grid-auto-columns: 50px;
}

Prøv det selv

CSS-syntaks

grid-auto-columns: auto|max-content|min-content|length;

Egenskabsværdi

Værdi Beskrivelse
auto Standardværdi. Kolonnen størrelse bestemmes af containerstørrelsen.
fit-content()
max-content Indstil hver kolones størrelse baseret på den største item i kolonnen.
min-content Indstil hver kolones størrelse baseret på den mindste item i kolonnen.
minmax(min.max) Indstil en størrelsesramme, der er større end eller lig med min og mindre end eller lig med max.
length Indstil kolonnen størrelse ved hjælp af gyldige længdeværdier. Se ogsåLængdeenhed.
% Indstil kolonnen størrelse ved hjælp af procenter.

Tekniske detaljer

Standardværdi: auto
Arv: Nej
Animation laver: Understøttet. Se også:Animation relaterede egenskaber.
Version: CSS Grid Layout Modul Niveau 1
JavaScript-syntaks: object.style.gridAutoColumns="120px"

Browserunderstøttelse

Tabelens tal angiver den første browserversion, der fuldt ud understøtter denne egenskab.

Chrome IE / Edge Firefox Safari Opera
57 16 52 10 44