Propriété CSS flex-direction du modèle de boîte flexible flexible

Exemple

Définissez la direction des éléments flexbox dans l'élément e388a4556c0f65e1904146cc1a846bee dans l'ordre inverse :

p
{
display:flex;
flex-direction:row-reverse;
}

Aperçu de l'effet

---

Prise en charge du navigateur

Le numéro dans le tableau indique le premier qui prend en charge l'attribut Le numéro de version du navigateur.

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-direction

29.0

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

21.0 -webkit-

11.010.0 -ms- td>

28,018,0 -moz-

9.06.1 -webkit-

Définition et utilisation

La propriété flex-direction spécifie la direction d'un élément flexible.

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

Valeur par défaut :

row

Hériter

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

 :

CanAnimation :

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

Version :

JavaScript Syntaxe :

object.style.flexDirection="column-reverse" Aperçu de l'effet

 

---

CSS 语法

flex-direction : ligne|ligne-reverse|colonne|colonne-reverse|initial|inherit;

Valeur de l'attribut

Valeur	Description	Instance
ligne	Valeur par défaut. Les éléments flexibles apparaîtront horizontalement, sous forme de ligne.	Aperçu de l'effet
ligne-inverse	Identique à la ligne, mais dans l'ordre inverse.	Aperçu
colonne	Les éléments flexibles apparaîtront verticalement, tout comme une colonne.	Aperçu de l'effet
colonne inversée	Identique à la colonne, mais dans l'ordre inverse.	Aperçu de l'effet
initial	Définissez cette propriété sur sa valeur par défaut. Voir initiale.	Aperçu de l'effet
hériter	Hériter de cet attribut de l'élément parent.Voir 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!