Attribut flex-wrap CSS

Définition et utilisation

La propriété flex-wrap détermine si les éléments flexibles doivent retourner.

Remarque :Si l'élément n'est pas un élément flexible, la propriété flex est invalide.

Voir également :

Tutoriel CSS : Cadre flexible CSS

Manuel CSS :Propriété flex

Manuel CSS :Propriété flex-basis

Manuel CSS :Propriété flex-direction

Manuel CSS :Propriété flex-flow

Manuel CSS :Propriété flex-grow

Manuel CSS :Propriété flex-shrink

Manuel HTML DOM :Propriété flexWrap

Exemple

Permet aux éléments flexibles de retourner en cas de besoin :

div {
  display: flex;   
  flex-wrap: wrap;
}

Essayez-le vous-même

Syntaxe CSS

flex-wrap: nowrap|wrap|wrap-reverse|initial|inherit;

Valeur de l'attribut

Valeur Description
nowrap Valeur par défaut. Définit que les éléments flexibles ne peuvent pas être retournés.
wrap Définit que les éléments flexibles peuvent être retournés en cas de besoin.
wrap-reverse Définit que les éléments flexibles peuvent être retournés en cas de besoin, dans le sens inverse.
initial Set this property to its default value. See initial.
inherit Inherits this property from its parent element. See inherit.

Détails techniques

Valeur par défaut : nowrap
Héritage : Non
Création d'animation : Non pris en charge. Voir :Propriétés liées aux animations.
Version : CSS3
Syntaxe JavaScript : object.style.flexWrap="nowrap"

Support du navigateur

Les nombres dans le tableau indiquent la première version du navigateur qui prend en charge cette propriété.

Les nombres avec -webkit- ou -moz- indiquent la première version utilisant le préfixe.

Chrome IE / Edge Firefox Safari Opera
29.0
21.0 -webkit-		 11.0 28.0
18.0 -moz-		 9.0
6.1 -webkit-		 17.0