Style justifyContent ominaisuus

Määrittely ja käyttö

Kun kohteita ei käytetä pääakselin (vaakatasoa) kaikissa käytettävissä olevissa tiloissa justifyContent Ominaisuus tasaa joustavien konttorien kohteita.

Vinkki：Käytä alignContent Ominaisuus tasaa kohteita vaakatasolla (pystysuunnassa).

Katso myös：

CSS viittausopas：justify-content-ominaisuus

Esimerkki

Jätä tilaa dynaamisen <div>-elementin kohteiden välillä：

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

Kokeile itse

Syntaksi

Palauta justify-content-ominaisuus：

object.style.justifyContent

Aseta justify-content-ominaisuus：

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

Ominaisuuden arvo

Arvo Kuvaus
flex-start Oletusarvo. Elementit sijaitsevat konttorin alussa.
flex-end Elementit sijaitsevat konttorin lopussa.
center Elementit sijaitsevat konttorin keskellä.
space-between Jätä tilaa elementin välissä.
space-around Jätä tilaa elementin eteen, välissä ja takana.
initial Aseta tämä ominaisuus sen oletusarvon arvoon. Katso initial。
inherit Periisi tämän ominaisuuden arvon isältään. Katso inherit。

Tekninen tarkistus

Oletusarvo： flex-start
Palautusarvo： Merkistö, joka ilmaisee elementin justify-content-ominaisuus。
CSS versioona： CSS3

Selaimen tuki

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Tuki 12.0 Tuki 9.0 Tuki

Liittyvät sivut

HTML DOM STYLE viittausopas：alignContent-ominaisuus

HTML DOM STYLE viittausopas：alignItems-ominaisuus

HTML DOM STYLE viittausopas：alignSelf ominaisuus