Esempio
Posizionare gli allineamenti per tutte le voci del flessibile <div> elemento all'inizio del contenitore:
// Code for Safari 7.0+
document.getElementById("main").style.WebkitAlignItems = "flex-start";
// Standard syntax
document.getElementById("main").style.alignItems =
"flex-start"; Prova tu stesso " Definizione e l'utilizzo
La proprietà alignItems specifica l'allineamento predefinito per oggetti all'interno del contenitore flessibile.
Tip: Utilizzare la proprietà align-sé di ogni elemento per sovrascrivere la proprietà align-oggetti.
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à | |||||
|---|---|---|---|---|---|
| alignItems | 21,0 | 11.0 | 20.0 | 7.0 Webkit | 12.1 |
Nota: Safari supporta in alternativa, la proprietà WebkitAlignItems.
Sintassi
Restituire la proprietà alignItems:
object .style.alignItemsImpostare la proprietà alignItems:
object .style.alignItems="stretch|center|flex-start|flex-end|baseline|initial|inherit"
I valori delle proprietà
| Valore | Descrizione |
|---|---|
| stretch | Predefinito. 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 |
| baseline | Gli articoli sono posizionate alla base del contenitore |
| 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-oggetti di un elemento |
| CSS Version | CSS3 |
Pagine correlate
Di riferimento CSS: align-items property
HTML DOM stile di riferimento: alignContent property
HTML DOM stile di riferimento: alignSelf property
<Stile di oggetto