Corso raccomandato:

Proprietà justifyContent dello stile

Definizione e uso Quando gli elementi non utilizzano tutto lo spazio disponibile sull'asse principale (orizzontale), justifyContent

Allinea gli elementi del contenitore flessibile.Consigli: alignContent Allinea gli elementi lungo l'asse orizzontale (verticale).

Vedi anche:

Manuale di riferimento CSS:Proprietà justifyContent

Esempio

Lascia uno spazio tra gli elementi di un <div> flessibile:

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

Prova da solo

Sintassi

Restituisce la proprietà justifyContent:

oggetto.style.justifyContent

Imposta la proprietà justifyContent:

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

Valore dell'attributo

Valore Descrizione
flex-start Valore predefinito. Gli elementi si trovano all'inizio del contenitore.
flex-end Gli elementi si trovano all'estremità del contenitore.
center Gli elementi si trovano al centro del contenitore.
space-between Lascia spazio tra gli elementi durante la riga.
space-around Lascia spazio tra gli elementi prima, durante e dopo la riga.
initial Imposta questo attributo al suo valore predefinito. Vedi initial.
inherit Inherita da questo attributo dal suo elemento padre. Vedi inherit.

Dettagli tecnici

Valore predefinito: flex-start
Valore di ritorno: Stringa che rappresenta l'elemento Proprietà justifyContent.
Versione CSS: CSS3

Supporto del browser

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Supportato 12.0 Supportato 9.0 Supportato

Pagine correlate

Manuale di riferimento HTML DOM STYLE:Proprietà alignContent

Manuale di riferimento HTML DOM STYLE:Proprietà alignItems

Manuale di riferimento HTML DOM STYLE:Proprietà alignSelf