Exemplu
Asigurați -un anumit spațiu între elementele de flexibil <div> elementul:
document.getElementById("main".style.justifyContent = "space-between"; Încearcă - l singur » Definiție și utilizare
Proprietatea justifyContent aliniază elemente containerul flexibil atunci când elementele nu folosesc tot spațiul disponibil pe principala axa (horizontally) .
Sfat: Utilizați proprietatea alignContent pentru a alinia elementele de pe axa transversală (vertically) .
Suport pentru browser-
Proprietatea justifică conținut este susținută în Firefox, Opera și Chrome.
Sintaxă
Întoarcere proprietatea justifyContent:
object .style.justifyContent Setați proprietatea justifyContent:
object .style.justifyContent="flex-start|flex-end|center|space-between|space-around|initial|inherit"
Valori de proprietate
| Valoare | Descriere |
|---|---|
| flex-start | Valoare implicită. Elementele sunt poziționate la începutul containerului |
| flex-end | Elementele sunt poziționate la capătul containerului |
| center | Elementele sunt poziționate în centrul containerului |
| space-between | Elementele sunt poziționate cu spațiul dintre liniile |
| space-around | Elementele sunt poziționate cu spațiu înainte, între și după liniile |
| initial | Setează această proprietate la valoarea implicită. Citiți despre inițială |
| inherit | Mosteneste această proprietate de la elementul părinte. Citiți despre moștenesc |
Detalii tehnice
| Valoare implicită: | flex-start |
|---|---|
| Întoarcere Valoare: | Un șir, care reprezintă proprietatea justifică-conținutul unui element |
| CSS Versiune | CSS3 |
Pagini similare
Referință CSS: justify-content property
HTML DOM STYLE Referinta: alignContent property
HTML DOM STYLE Reference: alignItems property
HTML DOM STYLE Referinta: alignSelf property
<Style Object