flex-wrap CSS propriété

Définition de la CSS flex-wrap.

La propriété de Flexbox CSS flex-wrap permet de spécifier si les éléments flexibles Css peuvent faire un retour automatique dans leur conteneur Flexbox Css sur l'axe transversal.
Vous pouvez faire des tests de paramétrage dans le générateur de code Css de Flexbox.

Exemple de syntaxe CSS flex-wrap :

flex-wrap : nowrap;
flex-wrap : wrap; 
flex-wrap : wrap-reverse;

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

nowrap : les éléments flexibles sont disposés sur une seule ligne ou colonne, c'est la valeur par défaut.
wrap : les éléments flexibles sont disposés si nécessaire sur plusieurs lignes : les un en dessous des autres ou, sur plusieurs colonnes : les un à côté des autres vers la droite.
wrap-reverse : les éléments flexibles sont disposés si nécessaire sur plusieurs lignes les un en dessus des autres ou colonnes : les un à côté des autres vers la gauche.

Exemple de code flex-wrap CSS

Conditions d'application de la CSS flex-wrap.

La propriété de feuille de style flex-grow CSS est applicable sur l'ensemble des balises HTML ou XHTML, si elles sont le conteneur Flexbox Css d'éléments "flexibles" et qu'il soit de type display:[inline-]flex.

La valeur de la CSS flex-wrap peut être mise directement dans la propriété de raccourci CSS flex-flow.

Héritage des valeurs Css de flex-wrap.

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

Compatibilités navigateurs de la propriété flex-wrap

Détails des versions de la CSS flex-wrap: Propriété flex-wrap est compatible avec CSS3 et plus.

Résumé du support navigateurs de la CSS flex-wrap: Propriété CSS flex-wrap est compatible sous une forme préfixée avec Chrome 21; Propriété CSS flex-wrap est compatible à partir de Chrome 29; Propriété CSS flex-wrap plus ou moins compatible à partir de Firefox 22; Propriété CSS flex-wrap est compatible sous une forme préfixée avec Internet Explorer 10; Propriété CSS flex-wrap est compatible à partir de Internet Explorer 11; Propriété CSS flex-wrap est compatible à partir de Opera 12; Propriété CSS flex-wrap est compatible sous une forme préfixée avec Safari 7; Propriété CSS flex-wrap est compatible à partir de Safari 9

Propriétés CSS préfixées de flex-wrap

Vous trouverez ci-dessous les propriétés CSS préfixées équivalentes à la propriété flex-wrap CSS :

-ms-flex-wrap

Pour rendre compatible la propriété flex-wrap CSS avec le plus grand nombre de navigateurs, vous devez utiliser les versions préfixées suivante :

Versions préfixées de flex-wrap :

-moz-box-lines : multiple; /* single | multiple */
-webkit-box-lines : multiple; /* single | multiple */
-ms-flex-wrap : wrap;  /* none (alias nowrap)| wrap| wrap-reverse */
-webkit-flex-wrap : wrap; /* Safari 7+ à 9 */

flex-wrap : wrap;

Votre avis sur la définition flex-wrap en CSS

Votez pour la définition CSS `flex-wrap`

Votes: 3.7 / 5 - 3 votes
Cliquez sur une étoile pour voter.