Proprietà alignContent dello stile

Definizione e uso

Quando i progetti non utilizzano tutto lo spazio disponibile sull'asse orizzontale (verticale),alignContent Allinea i progetti dell'container elastico con l'attributo.

Suggerimento:Usa Proprietà justifyContent Allinea i progetti sull'asse principale (orizzontale).

Nota:Deve esserci più di una riga di progetti per che questo attributo funzioni.

Esempio

Posiziona i progetti dell'elemento <div> elastico tra due righe con spazio:

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

Prova personalmente

Sintassi

Restituisce la proprietà alignContent:

object.style.alignContent

Imposta la proprietà alignContent:

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

Valore dell'attributo

Valore Descrizione
stretch Valore predefinito. La riga si allunga per riempire lo spazio rimanente.
center Il progetto si trova al centro del contenitore.
flex-start Il progetto si trova all'inizio del contenitore.
flex-end Il progetto si trova all'estremità del contenitore.
space-between Il progetto si trova tra le righe con spazio.
space-around Lascia spazi bianchi prima, durante e dopo il progetto.
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: stretch
Valore di ritorno: Stringa che rappresenta l'elemento Proprietà align-content.
Versione CSS: CSS3

Supporto dei browser

alignContent È una caratteristica CSS3 (1999).

Tutti i browser lo supportano completamente:

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
Supportato Supportato Supportato Supportato Supportato 11

Pagine correlate

Manuale di riferimento CSS:Proprietà align-content

Manuale di riferimento HTML DOM STYLE:Proprietà alignItems

Manuale di riferimento HTML DOM STYLE:Proprietà alignSelf

Manuale di riferimento HTML DOM STYLE:Proprietà justifyContent