CSS ruudukko automaattiset sarakkeet ominaisuus

Määrittely ja käyttö

grid-auto-columns -ominaisuus asettaa verkkoastian sarakkeiden kokoon.

Tämä ominaisuus vaikuttaa vain sarakkeisiin, joita ei ole asetettu.

Katso myös:

CSS-opetusohjelma:CSS-rasteriasettelu

CSS viittausoppikirja:grid-auto-rows -ominaisuus

Esimerkki

Aseta oletuskoko verkkojen sarakkeille:

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

Kokeile itse

CSS-kieli

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

Ominaisuuden arvo

Arvo Kuvaus
auto Oletusarvo. Rasterin koko määrää sarakkeiden kokoon.
fit-content()
max-content Aseta jokaisen sarakkeen koko suurimmän kohteen mukaan.
min-content Aseta jokaisen sarakkeen koko pienimmän kohteen mukaan.
minmax(min.max) Aseta kokoonpanon min ja max välille, mutta ei min tai max.
length Aseta sarakkeiden koko käyttämällä laillisia pituusarvoja. Katso:Pituusyksiköt.
% Aseta sarakkeiden koko käyttämällä prosenttiosuutta.

Tekninen tarkistus

Oletusarvo: auto
Perintä: Ei
Animaation tekijä: Tuki. Katso:Animaatiotiedot.
Versio: CSS Grid Layout Module Level 1
JavaScript-kieli: object.style.gridAutoColumns="120px"

Selaimen tuki

Taulukon numerot osoittavat ensimmäisen selittäneen ominaisuuden tukeman selaimen version.

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