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

Exemple

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

1. affichage:flex; 🎜>

2. 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

可能的值：ligneligne-reversecolonnecolonne-inverseinitialhériter

默认值是 "row"。

规定灵活项目的方向。

flex-wrap

可能的值：nowrapwrapwrap-reverseinitialinherit

默认值是 "nowrap"。

规定灵活项目是否拆行或拆列。

initial

设置该属性为它的默认值。请参阅 initial。

hériter

从父元素继承该属性。请参阅 hériter。

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!