Style alignItems egenskap

Definition och användning

alignItems Egenskapen definierar standardjusteringen för objekt inom ett elastiskt kont容.

Tips:Använd varje objekts align-self egenskap att ersätta align-items egenskap.

Exempel

Placera alla projekter i det elastiska <div>-elementet vid kont容器的 början:

document.getElementById("main").style.alignItems = "flex-start";

Prova själv

Syntax

Returnera alignItems egenskap:

object.style.alignItems

Ställ in alignItems egenskap:

object.style.alignItems = "stretch|center|flex-start|flex-end|baseline|initial|inherit"

Egenskapsvärde

Värde Beskrivning
stretch Standard. Objektet sträcks för att passa kont容ern.
center Objektet ligger i kont容器的 mitt.
flex-start Objektet ligger vid kont容器的 början.
flex-end Objektet ligger vid kont容器的 änden.
baseline Objektet placeras på kont容器的 baslinje.
initial Sätt denna egenskap till dess standardvärde. Se initial.
inherit Följande egenskap från dess föräldrelement. Se inherit.

Tekniska detaljer

Standardvärde: stretch
Returvärde: En sträng som anger elementets align-items egenskap.
CSS version: CSS3

Webbläsarstöd

alignItems är en CSS3 (1999) egenskap.

Alla webbläsare stöder det fullständigt:

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
Stödjer Stödjer Stödjer Stödjer Stödjer 11

Relaterade sidor

CSS referenshandbok:align-items egenskap

HTML DOM STYLE referenshandbok:alignContent-attribut

HTML DOM STYLE referenshandbok:alignSelf-attribut