Explication détaillée de la propriété CSS flex-flow du modèle de boîte flexible flexible-tutoriel CSS-php.cn

Explication détaillée de la propriété CSS flex-flow du modèle de boîte flexible flexible

高洛峰

Libérer： 2017-03-15 10:56:59

original

2670 Les gens l'ont consulté

Exemple

Laissez les éléments de la flexbox s'afficher dans l'ordre inverse et divisez-les si nécessaire :

affichage:flex; 🎜>
flex
-flux:rangée - enveloppement inversé;

Aperçu de l'effet

Support du navigateur

Le numéro dans le tableau

indique la version du premier navigateur qui prend en charge l'attribut Numéro. Le numéro qui suit immédiatement -webkit-, -ms- ou -moz- est la première version qui prend en charge cet attribut de préfixe.

flex-flow

29.0

21.0 -webkit-

11.010.0 -ms- td>

28,0

属性
flex-flow	29.0 21.0 -webkit-	11.0 10.0 -ms-	28.0 18.0 -moz-	9.0 6.1 -webkit-	17.0

18,0 -moz-

9.06.1 -webkit-

Définition et utilisation

La propriété flex-flow est une propriété composite des propriétés flex-direction et flex-wrap. L'attribut

flex-flow est utilisé pour définir ou récupérer la disposition des éléments enfants de l'objet modèle de boîte flexible .

L'attribut flex-direction spécifie la direction de l'élément flex.

L'attribut flex-wrap spécifie si l'élément flexible doit être divisé en lignes ou en colonnes.

Remarque : La propriété flex-flow n'a aucun effet si l'élément n'est pas un élément de l'objet flexbox.

Valeur par défaut :

row nowrap

Hériter

默认值：	row nowrap
继承：	否
可动画化：	否。请参阅 SS3动画属性、CSS3动画实例。
版本：	CSS3
JavaScript 语法：	object.style.flexFlow="column nowrap" 效果预览

peutAnimation :

Non. Veuillez vous référer aux propriétés d'animation SS3, aux exemples d'animation CSS3.

Version :

JavaScript Syntaxe :

object.style.flexFlow="column nowrap" aperçu de l'effet

CSS 语法

flex-flow : flex-direction flex-wrap|initial|inherit;

属性值

值

描述

值	描述
flex-direction	可能的值： row row-reverse column column-reverse initial inherit 默认值是 "row"。规定灵活项目的方向。
flex-wrap	可能的值： nowrap wrap wrap-reverse initial inherit 默认值是 "nowrap"。规定灵活项目是否拆行或拆列。
initial	设置该属性为它的默认值。请参阅 initial。
inherit	从父元素继承该属性。请参阅 inherit。

flex-direction