Style alignContent-ominaisuus

Määritelmä ja käyttö

Kun kohteet eivät käytä kaikkea saatavilla olevaa tilaa vaakatasolla (pystysuunnassa),AlignContent Ominaisuus tasaa joustavien konttorien kohteita.

Vinkki：Käytä JustifyContent-ominaisuus Tasaa kohteet pääakselilla (horisontaalisesti).

Huomautus：On oltava useita rivejä kohteita, jotta tämä ominaisuus vaikutaan.

Esimerkki

Aseta joustava <div>-elementin kohteet tilan jättävillä riveillä:

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

Kokeile itse

Syntaksi

Palauta alignContent-ominaisuus：

object.style.alignContent

Aseta alignContent-ominaisuus：

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

Ominaisuuden arvo

Arvo Kuvaus
stretch Oletusarvo。Rivit venytetään täyttääkseen jäljelle jäävän tilan.
center Kohteet sijaitsevat konttorin keskellä.
flex-start Kohteet sijaitsevat konttorin alussa.
flex-end Kohteet sijaitsevat konttorin lopussa.
space-between Kohteet sijaitsevat tilan jättävillä riveillä.
space-around Kohteiden rivejä ennen, välillä ja jälkeen jätetään tyhjää tilaa.
initial Aseta tämä ominaisuus sen oletusarvoon. Katso initial。
inherit Perii tämän ominaisuuden vanhemmalta elementiltään. Katso inherit。

Tekninen tarkistus

Oletusarvo： stretch
Palautusarvo： Merkki, joka ilmaisee elementin align-content-ominaisuus。
CSS versioona： CSS3

Selaimen tuki

AlignContent Se on CSS3 (1999) ominaisuus。

Kaikki selaimet tukevat täysin sen：

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
Tukee Tukee Tukee Tukee Tukee 11

Liittyvät sivut

CSS viittausopas：align-content-ominaisuus

HTML DOM STYLE viittausopas：alignItems-ominaisuus

HTML DOM STYLE viittausopas：alignSelf-ominaisuus

HTML DOM STYLE viittausopas：JustifyContent-ominaisuus