manuel de référence CSS

règle CSS (RULES)

大全 des propriétés CSS

CSS3 justify-Méthode d'utilisation et exemples de l'attribut content

justify-L'attribut content est utilisé pour définir ou obtenir la manière d'aligner un élément de boîte élastique sur l'axe principal (axe horizontal).

Le tableau suivant fournit les instructions d'utilisation et l'historique des versions de cet attribut, ainsi que la syntaxe d'utilisation de cet attribut dans les scripts JavaScript.

Valeur par défaut :	flex-start
Applicable à :	Conteneur élastique
Héritage :	Non
Animable :	Non.Voir également Attributs d'animation。
Version :	CSS3nouvelle fonctionnalité
JavaScript syntaxe :	object.style.justifyContent="space-around"

Syntaxe d'utilisation de la preuve de contenu

La syntaxe de cet attribut est la suivante :

justify-content:　flex-start　|　flex-end　|　center　|　space-between　|　space-around　|　initial　|　inherit

Les exemples suivants montrent comment utiliser justify-l'attribut content.

Exemple

.flex-container　{
　　　　　　/*　Safari　*/
　　　　　　display:　-webkit-flex;
　　　　　　-webkit-justify-content:　space-around;
　　　　　　
　　　　　　display:　flex;
　　　　　　justify-content:　space-around;
　　}

Testez pour voir‹/›

Valeur de l'attribut

Le tableau suivant décrit les valeurs de cette propriété.

Valeur	Description
flex-start	Les éléments élastiques sont placés au début de la ligne du conteneur. C'est la valeur par défaut.
flex-end	Les éléments élastiques sont placés à la fin de la ligne.
center	Les éléments sont placés au centre du conteneur.
space-between	Répartir uniformément les éléments élastiques le long de la ligne.
space-around	Répartir uniformément les éléments élastiques pour que l'espace entre deux éléments adjacents soit le même.
initial	Réinitialisez cette propriété à sa valeur par défaut.
inherit	Si spécifié, l'élément lié utilise son alignement justify du parent-Valeur de l'attribut content.

Compatibilité du navigateur

justify-La compatibilité du navigateur pour l'attribut content, les numéros dans le tableau suivant représentent la version minimale du navigateur prenant en charge cette propriété ; tous les navigateurs populaires prennent en charge cette propriété.

	FireFox 18+ ^-moz-，28+ Google Chrome 21+ ^-webkit-，29+ Internet Explorer 11+ Apple Safari 6。1+ Opera 12。1+

Pour en savoir plus

Veuillez consulter les tutoriels suivants :Polices CSS，Unités CSS，Éléments pseudo de CSS。

Autres attributs associés :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。

Attribut left CSS Attribut height CSS