English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
L'attributo align-items specifica il metodo di allineamento predefinito degli elementi nel contenitore flex.
La tabella seguente riassume l'ambito di utilizzo e la cronologia delle versioni di questa proprietà.
| Valore predefinito: | stretch |
|---|---|
| Applicabile a: | Contenitore elastico |
| Ereditarietà: | Nessuno |
| Animabile: | No.Vedere: Proprietà animazione. |
| Versione: | Nuova funzionalità CSS3 |
| Sintassi JavaScript: | object.style.alignItems="center" |
L'attributo ha la seguente sintassi:
align-items: baseline | center | flex-start | flex-end | stretch | initial | inherit
L'esempio seguente mostra l'attributo align-items utilizzato.
.flex-container {
/* Safari */
display: -webkit-flex;
-webkit-align-items: center;
display: flex;
align-items: center;
}Prova a vedere‹/›La tabella seguente descrive i valori di questo attributo.
| Valore | Descrizione |
|---|---|
| baseline | L'elemento si trova sulla linea di base del contenitore elastico. |
| center | L'elemento si trova al centro del contenitore flessibile. |
| flex-start | L'elemento si trova all'inizio del contenitore flessibile. |
| flex-end | L'elemento si trova alla fine del contenitore flessibile. |
| stretch | Tira l'elemento per adattarlo al contenitore flessibile. Lo spazio disponibile viene distribuito uniformemente tra tutti gli elementi. Questo è il valore predefinito. |
| initial | Imposta questo attributo al suo valore predefinito. |
| inherit | Se specificato, l'elemento correlato adotta il valore dell'attributo align-items del suo elemento padre. |
Compatibilità del browser per l'attributo align-items, tutti i browser mainstream supportano questo attributo.
|
Attenzione： Apple Safari 7 e versioni successive supportano l'attributo align-items, ma è necessario il prefisso -webkit-, ad esempio -webkit-align-items: center;
Si prega di consultare la seguente guida：Allineamento CSS.
Proprietà correlate：align-content,align-items,align-self,display,flex,flex-basis,flex-direction,flex-flow,flex-grow,flex-shrink,flex-wrap,justify-content,min-height,min-width,order.