Style justifyContent egenskab

Definition og brug

Når projekterne ikke bruger al den tilgængelige plads på hovedaksen (vandret), justifyContent Egenskaben justerer elementerne i den elastiske beholder.

Tip:Brug alignContent Juster elementerne på tværsaksen (vandret).

Se også:

CSS reference manual:justify-content egenskab

Eksempel

Lad der være plads mellem projekterne i den elastiske <div>-element.

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

Prøv det selv

Syntaks

Returner justifyContent egenskab:

object.style.justifyContent

Indstil justifyContent egenskab:

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

Egenskabsværdi

Værdi Beskrivelse
flex-start Standardværdi. Elementerne er placeret ved begyndelsen af beholderen.
flex-end Elementerne er placeret ved enden af beholderen.
center Elementerne er centreret i beholderen.
space-between Lad plads for elementer mellem rækker.
space-around Lad plads for elementer før, mellem og efter rækker.
initial Sæt denne egenskab til dens standardværdi. Se initial.
inherit Arv denne egenskab fra sin forældrelige element. Se inherit.

Tekniske detaljer

Standardværdi: flex-start
Returværdi: Streng, der angiver elementets justify-content egenskab.
CSS version: CSS3

Browser understøttelse

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Understøttet 12.0 Understøttet 9.0 Understøttet

Relaterede sider

HTML DOM STIL reference manual:alignContent egenskab

HTML DOM STIL reference manual:alignItems egenskab

HTML DOM STIL reference manual:alignSelf egenskab