English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
L'attributo justify-content viene utilizzato per impostare o recuperare il modo di allineamento dell'elemento flexbox lungo l'asse principale (asse orizzontale).
La tabella sottostante descrive l'uso e la cronologia delle versioni di questa proprietà, nonché la sintassi dell'uso di questa proprietà nel script JavaScript.
| Valore predefinito: | flex-start |
|---|---|
| Applicabile a: | Contenitore elastico |
| Ereditarietà: | Nessuno |
| Animabile: | No.Si prega di consultare Proprietà dell'animazione。 |
| Versione: | Nuova funzione CSS3 |
| Sintassi JavaScript: | oggetto.style.justifyContent="space-around" |
L'attore della proprietà della sintassi è il seguente:
justify-content: flex-start | flex-end | center | space-between | space-around | initial | inherit
Il seguente esempio dimostra come utilizzare la proprietà justify-content.
.flex-container {
/* Safari */
display: -webkit-flex;
-webkit-justify-content: space-around;
display: flex;
justify-content: space-around;
}Prova a vedere‹/›La tabella sottostante descrive i valori di questa proprietà.
| Valore | Descrizione |
|---|---|
| flex-start | Gli elementi elastiche si trovano all'inizio della riga del contenitore. Questo è il valore predefinito. |
| flex-end | Gli elementi elastiche si trovano alla fine della riga. |
| center | Gli elementi si trovano al centro del contenitore. |
| space-between | Distribuzione uniforme degli elementi elastiche lungo la linea. |
| space-around | Distribuzione uniforme degli elementi elastiche, in modo che lo spazio tra due elementi adiacenti sia lo stesso. |
| initial | Imposta questa proprietà al suo valore predefinito. |
| inherit | Se specificato, l'elemento correlato utilizza il valore della proprietà justify-content dell'elemento padre. |
Compatibilità del browser per la proprietà justify-content, i numeri nella tabella sottostante rappresentano la versione minima del browser che supporta questa proprietà; tutti i browser mainstream supportano questa proprietà.
|
Esegui la seguente guida：Caratteri del CSS，Unità del CSS，Elementi pseudo del 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。