CSS attributo giustificare-content
Esempi
Nell'elemento <div> nel sacchetto flessibile intorno dell'oggetto di sinistra vuota:
div
{
display: flex;
justify-content: space-around;
}
{
display: flex;
justify-content: space-around;
}
Prova »
Supporto per il browser
I dati riportati nella tabella rappresentano il primo browser a supportare il numero di versione di proprietà.
Subito dopo la -webkit- digitale, -MS- o -moz- dopo la prima versione a supportare la proprietà prefisso.
proprietà | |||||
---|---|---|---|---|---|
giustificare-content | 29,0 21,0 -webkit- | 11.0 | 28.0 18,0 -moz- | 9.0 6.1 -webkit- | 17,0 |
Definizione e utilizzo
box giustificare-contenuto è utilizzato per impostare o recuperare l'elemento elastico sul mandrino direzione (orizzontale) di allineamento.
Suggerimento: Utilizzare il align-contenuti attributo allineare l'asse trasversale (verticale).
predefinito: | flex-start |
---|---|
ereditarietà: | no |
Può essere animata: | NO. Fare riferimento all'animazione (animatable) . |
versione: | CSS3 |
sintassi JavaScript: | oggetto .style.justifyContent = "spazio-tra"prova |
CSS Sintassi
justify-content: flex-start|flex-end|center|space-between|space-around|initial|inherit;
Proprietà Valore
值 | 描述 | 测试 |
---|---|---|
flex-start | 默认值。项目位于容器的开头。 | 测试 » |
flex-end | 项目位于容器的结尾。 | 测试 » |
center | 项目位于容器的中心。 | 测试 » |
space-between | 项目位于各行之间留有空白的容器内。 | 测试 » |
space-around | 项目位于各行之前、之间、之后都留有空白的容器内。 | 测试 » |
initial | 设置该属性为它的默认值。请参阅 initial 。 | 测试 » |
inherit | 从父元素继承该属性。请参阅 inherit 。 |
articoli correlati
CSS Riferimento: align = left attributi-Content
CSS Riferimento: align = left oggetti-attributo della vista
CSS Riferimento: align = left proprietà-Vacanze