Esempio
Posizionare le voci del flessibile <div> elemento con lo spazio tra le righe:
// Code for Safari 7.0+
document.getElementById("main").style.WebkitAlignContent = "space-between";
// Standard syntax
document.getElementById("main").style.alignContent
= "space-between"; Prova tu stesso " Definizione e l'utilizzo
La struttura alignContent allinea elementi del contenitore flessibile quando gli articoli non utilizzano tutto lo spazio disponibile sul asse trasversale (vertically) .
Suggerimento: Utilizzare la proprietà justifyContent per allineare i punti all'ordine del principale asse (horizontally) .
Nota: Ci deve essere più righe di articoli per l'immobile ad avere alcun effetto.
Supporto browser
I numeri nella tabella indicano la prima versione del browser che supporta pienamente la proprietà.
Numeri seguiti da Webkit specificano la prima versione che ha lavorato con un prefisso.
| Proprietà | |||||
|---|---|---|---|---|---|
| alignContent | 21,0 | 11.0 | 28.0 | 7.0 Webkit | 12.1 |
Nota: Safari supporta in alternativa, la proprietà WebkitAlignContent.
Sintassi
Restituire la proprietà alignContent:
object .style.alignContentImpostare la proprietà alignContent:
object .style.alignContent="stretch|center|flex-start|flex-end|space-between|space-around|initial|inherit"
I valori delle proprietà
| Valore | Descrizione |
|---|---|
| stretch | Valore di default. Gli articoli sono allungati per adattarsi al contenitore |
| center | Gli articoli sono posizionati al centro del contenitore |
| flex-start | Gli articoli sono posizionati all'inizio del contenitore |
| flex-end | Gli articoli sono posizionate alla estremità 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: | allungare |
|---|---|
| Valore di ritorno: | Una stringa, che rappresenta la proprietà align-contenuto di un elemento |
| CSS Version | CSS3 |
Pagine correlate
Di riferimento CSS: align-content property
HTML DOM stile di riferimento: alignItems property
HTML DOM stile di riferimento: alignSelf property
HTML DOM stile di riferimento: justifyContent property
<Stile di oggetto