Style justifyContent egenskap

Definition och användning

När objekten inte använder all tillgänglig utrymme på huvudaxeln (horisontellt), justifyContent Justera objekt i den elastiska behållaren.

Tips:Använd alignContent Justera objekt på axeln (vertikalt) horisontellt.

Se också:

CSS referenshandbok:justify-content egenskap

Exempel

Låt utrymme mellan objekten i de elastiska <div>-elementen:

document.getElementById("main").style.justifyContent = "space-between";

Prova själv

Syntaks

Returnera justifyContent egenskap:

object.style.justifyContent

Ställ in justifyContent egenskap:

object.style.justifyContent = "flex-start|flex-end|center|space-between|space-around|initial|inherit"

Egenskapsvärde

Värde Beskrivning
flex-start Standardvärde. Objekten ligger i kont容容器的 början.
flex-end Objekten ligger i kont容器的 ände.
center Objekten ligger i kont容器的 mitt.
space-between Låt utrymme för objekt mellan rader.
space-around Låt utrymme för objekt innan, mellan och efter rader.
initial Sätt denna egenskap till dess standardvärde. Se initial.
inherit Följ från föräldrelementet. Se inherit.

Tekniska detaljer

Standardvärde: flex-start
Returvärde: sträng som anger elementets justify-content egenskap.
CSS version: CSS3

Webbläsarstöd

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Stödjer 12.0 Stödjer 9.0 Stödjer

Relaterade sidor

HTML DOM STYLE referenshandbok:alignContent egenskap

HTML DOM STYLE referenshandbok:alignItems egenskap

HTML DOM STYLE referenshandbok:alignSelf-attribut