CSS align-items egenskab

Definisjon og bruk

align-items egenskap for å spesifisere standardjustering for elementer i et fleksibelt beholder.

Tips:Bruk hver enkelt align-self egenskaper for å overstyre denne alignItems-egenskapen.

Se også:

CSS undervisning:CSS Grid

CSS undervisning:CSS Flexbox

CSS referansehåndbok:align-content-egenskapen

CSS referansehåndbok:align-self-egenskapen

CSS referansehåndbok:justify-content-egenskapen

CSS referansehåndbok:justify-items-egenskapen

CSS referansehåndbok:justify-self-egenskapen

HTML DOM referansehåndbok:alignItems-egenskapen

Eksempel

Sett alle elementene i det fleksible <div>-elementet i midten:

div {
  display: flex;
  align-items: center;
}

Prøv selv

CSS syntaks

align-items: stretch|center|flex-start|flex-end|baseline|initial|inherit;

Egenskapsverdi

Verdi Beskrivelse
stretch Standard. Elementet strekkes for å passe til beholderen.
center Elementet plasseres i beholderens midtpunkt.
flex-start Elementet plasseres på beholderens start.
flex-end Elementet plasseres på beholderens ende.
baseline Elementet plasseres på beholderens baselinje.
initial Sett denne egenskapen til standardverdien. Se: initial.
inherit Arv denne egenskapen fra foreldreelementet. Se: inherit.

Teknisk detalj

Standardverdi: stretch
Arv: Nei
Animasjon laget av: Ikke støttet. Se:Animasjonsegenskaper.
Versjon: CSS3
JavaScript syntaks: object.style.alignItems="center"

Nettleserstøtte

Tallene i tabellen angiver den første nettleserversjonen som fullt ut støtter denne egenskapen.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
57.0 16.0 52.0 10.1 44.0