Esempio
Fare qualche spazio tra le voci del flessibile <div> elemento:
document.getElementById("main".style.justifyContent = "space-between"; Prova tu stesso " Definizione e l'utilizzo
La struttura justifyContent allinea elementi del contenitore flessibile quando gli articoli non utilizzano tutto lo spazio disponibile sul principale asse (horizontally) .
Suggerimento: Utilizzare la proprietà alignContent per allineare gli elementi sulla croce assi (vertically) .
Supporto browser
La proprietà giustificare contenuto è supportato in Firefox, Opera e Chrome.
Sintassi
Restituire la proprietà justifyContent:
object .style.justifyContent Impostare la proprietà justifyContent:
object .style.justifyContent="flex-start|flex-end|center|space-between|space-around|initial|inherit"
I valori delle proprietà
| Valore | Descrizione |
|---|---|
| flex-start | Valore di default. Gli articoli sono posizionati all'inizio del contenitore |
| flex-end | Gli articoli sono posizionate alla estremità del contenitore |
| center | Gli articoli sono posizionati al centro del contenitore |
| space-between | Gli articoli sono disposti con lo spazio tra le linee |
| space-around | Gli articoli sono disposti con spazio prima, tra e dopo le righe |
| initial | Consente di impostare questa proprietà al suo valore di default. Leggi iniziale |
| inherit | Eredita questo immobile dal suo elemento genitore. Leggi su erediterà |
Dettagli tecnici
| Valore di default: | flex-start |
|---|---|
| Valore di ritorno: | A String, che rappresenta la proprietà justify-contenuto di un elemento |
| CSS Version | CSS3 |
Pagine correlate
Di riferimento CSS: justify-content property
HTML DOM stile di riferimento: alignContent property
HTML DOM stile di riferimento: alignItems property
HTML DOM stile di riferimento: alignSelf property
<Stile di oggetto