Exemple
Faire un peu d' espace entre les éléments de la flexibilité <div> élément:
document.getElementById("main".style.justifyContent = "space-between"; Essayez vous - même » Définition et utilisation
La propriété justifyContent aligne les éléments du conteneur flexible lorsque les éléments ne pas utiliser tout l' espace disponible sur le principal axe (horizontally) .
Conseil: Utilisez la propriété alignContent pour aligner les points de l'axe transversale (vertically) .
Support du navigateur
La propriété justifie contenu est pris en charge dans Firefox, Opera et Chrome.
Syntaxe
Retour la propriété justifyContent:
object .style.justifyContent Définissez la propriété justifyContent:
object .style.justifyContent="flex-start|flex-end|center|space-between|space-around|initial|inherit"
Valeurs de propriété
| Valeur | La description |
|---|---|
| flex-start | Valeur par défaut. Les éléments sont positionnés au début du conteneur |
| flex-end | Les éléments sont positionnés à l'extrémité du récipient |
| center | Les éléments sont positionnés au centre du récipient |
| space-between | Les éléments sont positionnés avec un espace entre les lignes |
| space-around | Les éléments sont positionnés avec un espace avant, entre et après les lignes |
| initial | Définit cette propriété à sa valeur par défaut. Lisez à propos initial |
| inherit | Hérite cette propriété de son élément parent. En savoir plus sur hériteront |
Détails techniques
| Valeur par défaut: | Démarrage flex |
|---|---|
| Valeur de retour: | Une chaîne, ce qui représente la propriété justifie contenu d'un élément |
| version CSS | CSS3 |
Pages associées
Référence CSS: la justify-content property
HTML DOM STYLE Référence: alignContent property
HTML DOM STYLE Référence: alignItems property
HTML DOM STYLE Référence: alignSelf property
<Style objet