manuel de référence CSS

règles @CSS (RULES)

大全 des attributs CSS

Attribut float CSS CSS3 flex-Attribut shrink

CSS3 flex-Méthodes d'utilisation et exemples de l'attribut wrap

flex-L'attribut wrap CSS spécifie s'il faut forcer les éléments flex à être placés sur une ligne, ou les diviser en plusieurs lignes ou colonnes en fonction de l'espace disponible dans le conteneur flex.

Le tableau suivant décrit l'utilisation et l'historique des versions de cet attribut, ainsi que la syntaxe d'utilisation de cet attribut dans les scripts JavaScript.

Valeur par défaut :	nowrap
Applicable à :	Conteneur élastique
Héritage :	Non
Animable :	Non.Voir également Attributs d'animation。
Version :	CSS3nouvelle fonctionnalité
JavaScript syntaxe :	object.style.flexWrap="wrap-reverse"

flex-Syntaxe d'utilisation de wrap

La syntaxe de cet attribut est la suivante :

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

Les exemples suivants montrent comment utiliser flex-Attribut wrap.

Exemple

.flex-container {
　　　　/*　Safari　*/
　　　　display:　-webkit-flex;
　　　　-webkit-flex-wrap: nowrap;
　　　　
　　　　display: flex;
　　　　flex-wrap: nowrap;
}

Vérifiez ici‹/›

Valeur de l'attribut

Le tableau suivant décrit les valeurs de cet attribut.

Valeur	Description
nowrap	Valeur par défaut. Spécifie que les éléments flexibles ne seront pas décomposés en lignes ou en colonnes.
wrap	Spécifie si nécessaire, les éléments flexibles seront divisés en plusieurs lignes.
wrap-reverse	Comme wrap, mais les éléments seront alignés dans l'ordre inverse.
initial	Rétablir cette propriété à sa valeur par défaut.
inherit	Si spécifié, les éléments associés utiliseront le flex de leur élément parent-Valeurs de l'attribut wrap.

Compatibilité des navigateurs

flex-Compatibilité des navigateurs pour l'attribut wrap, les numéros dans le tableau suivant représentent la version minimale du navigateur prenant en charge cet attribut ; tous les navigateurs populaires prennent en charge cet attribut.

	Firefox18+ ^-moz-，28+ Google Chrome 21+ ^-webkit-，29+ Internet Explorer 11+ Apple Safari 6.1+ ^-webkit- Opera 12.1+

Lisez également

Veuillez consulter les tutoriels suivants :CSS3Mise en page en colonnes multiples。

Attributs associés :align-content，align-items，align-self，display，flex，flex-basis，flex-direction，flex-flow，flex-grow，flex-shrink，justify-content，min-height，min-width，order。

Attribut float CSS CSS3 flex-Attribut shrink