1. Home
  2. CSS propriété flex-wrap

Le meilleur didacticiel CSS propriété flex-wrap en 2024, dans ce didacticiel, vous pouvez apprendre Exemples,support du navigateur,Définition et utilisation,Syntaxe CSS,Valeur de la propriété,articles connexes,

CSS propriété flex-wrap

Référence CSS Référence CSS


Exemples

Laissez la cartouche d'élément élastique lorsque cela est nécessaire, ligne de séparation:

display:flex;
flex-wrap: wrap;

Essayez »

support du navigateur

Les chiffres du tableau représentent le premier navigateur pour soutenir le numéro de version de la propriété.

Immédiatement après la -webkit- numérique, -ms- ou -moz- après la première version à supporter la propriété de préfixe.

propriété
flex-wrap 29,0
21,0 -webkit- 		11.0
10.0 -ms- 		28,0
18,0 -moz- 		9.0
6.1 -webkit- 		17,0

Définition et utilisation

attribut flex-wrap spécifie conteneur flex est une seule ligne ou plusieurs lignes, tandis que l'axe horizontal détermine la direction de la nouvelle ligne direction d'empilement. .

Remarque: Si l'élémentest non élastique objet boîte d'élément, la propriété flex-wrap ne fonctionne pas.

Par défaut: nowrap
Héritage: aucun
Peut être animée: NO. S'il vous plaît se référer à l' animation (Animable) .
Version: CSS3
Syntaxe JavaScript: objet .style.flexWrap = "nowrap"essayer

Syntaxe CSS

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

Valeur de la propriété

值 描述
nowrap 默认值。规定灵活的项目不拆行或不拆列。
wrap 规定灵活的项目在必要的时候拆行或拆列。
wrap-reverse 规定灵活的项目在必要的时候拆行或拆列，但是以相反的顺序。
initial 设置该属性为它的默认值。请参阅 initial 。
inherit 从父元素继承该属性。请参阅 inherit 。

articles connexes

CSS Référence: Propriétés Flex

CSS Manuel de référence: la propriété Flex-direction

CSS Manuel de référence: Propriétés Flex-Flow

CSS Manuel de référence: Flex-Grow propriété

CSS Manuel de référence: Flex-Shrink propriété

CSS Manuel de référence: la propriété Flex-Basis


Référence CSS Référence CSS

Hot Didacticiel

Nous contacter

CSS propriété flex-wrap
10/30