-ms-flex-pack CSS propriété

Définition de la CSS -ms-flex-pack.

La propriété de Flexbox CSS -ms-flex-pack permet de spécifier la manière dont est distribuée l'espace restant entre les éléments flexibles Css par rapport à l'axe principal.
Ancienne spécification des Flexbox Css basée sur le document de travail de mars 2012.
Vous pouvez faire des tests de paramétrage dans le générateur de code Css de Flexbox.

-ms-flex-pack : start;
-ms-flex-pack : end; 
-ms-flex-pack : center;
-ms-flex-pack : justify;
-ms-flex-pack : distribute;

La propriété de feuille de style -ms-flex-pack CSS peut prendre la valeur de :

• start : la bordure du premier élément flexible est collé sur la bordure de la "début principal", chaque élément flexible suivant est placé à droite, au ras de l'élément précédent. Valeur par défaut.
• end : la bordure du dernier élément flexible est collé sur la bordure de la "fin principale", chaque élément flexible suivant est placé à gauche, au ras de l'élément précédent.
• center : chaque élément flexible suivant est placé au ras de l'élément précédent. Et l'ensemble des éléments flexibles est centré par rapport au centre de "l'axe principal".
• justify : la bordure du premier élément flexible est collé sur la bordure de la "début principal", la bordure du dernier élément flexible est collé sur la bordure de la "fin principale". Puis les espaces de part et d'autre de chaque élément flexible sont répartis de manière égale.
• distribute : les espaces de part et d'autre de chaque élément flexible sont de taille identique. Hors spécification.

Exemple de code -ms-flex-pack CSS

Conditions d'application de la CSS -ms-flex-pack.

La propriété de feuille de style -ms-flex-pack CSS est applicable sur l'ensemble des balises HTML ou XHTML, si elles sont si elles sont le conteneur Flexbox Css d'éléments flexibles Css et qu'il soit de type display:-ms[-inline]-flexbox.
La propriété Css -ms-flex-pack est influencée par la valeur de la propriété Css writing-mode.
Vos éléments éléments "flexibles" doivent être de type bloc, sinon vous obtiendrez des résultats assez étranges.

Héritage des valeurs Css de -ms-flex-pack.

Les balises filles HTML ou XHTML n'héritent pas de la propriété de feuille de style -ms-flex-pack