Co to jest Właściwość CSS flex-kierunek i jak z niego korzystać?

CSS Reference Manual
CSS nieruchomość

Najlepszy samouczek Właściwość CSS flex-kierunek W 2024 r. W tym samouczku możesz dowiedzieć się Przykłady,Pomoc Browser,Definicja i Wykorzystanie,Składnia CSS,Wartość nieruchomości,Powiązane artykuły,

Właściwość CSS flex-kierunek

Poprzedni: CSS własność flex-podstawą

Właściwości flex-flow CSS: Następna

CSS

Przykłady

Ustawienia <div> w kierunku elastycznego elementu do wkładu w odwrotnej kolejności:

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

Spróbuj »

Pomoc Browser

Wartości podane w tabeli przedstawiają pierwszą przeglądarką obsługującą numer wersji nieruchomości.

Natychmiast po -webkit- cyfrowy, -ms- lub -moz- po pierwszej wersji do wspierania własności prefiksu.

nieruchomość
flex-kierunek	29,0 21,0 -webkit-	11,0 10,0 -ms-	28,0 18,0 -moz-	9,0 6,1 -webkit-	17,0

Definicja i Wykorzystanie

Atrybut giętki kierunek określa kierunek elastycznego projektu.

Uwaga: Jeśli elementnie jest sprężysty obiekt elementu skrzynki, własność flex-kierunek nie działa.

Domyślnie:	rząd
Dziedziczenie:	nie
Może być animowany:	NO. Proszę odnieść się do animacji (Animatable) .
Wersja:	CSS3
Składnia JavaScript:	object .style.flexDirection = "column-reverse"spróbować

Składnia CSS

Wartość nieruchomości

值	描述	实例
row	默认值。灵活的项目将水平显示，正如一个行一样。	尝试一下 »
row-reverse	与 row 相同，但是以相反的顺序。	尝试一下 »
column	灵活的项目将垂直显示，正如一个列一样。	尝试一下 »
column-reverse	与 column 相同，但是以相反的顺序。	尝试一下 »
initial	设置该属性为它的默认值。请参阅 initial 。	尝试一下 »
inherit	从父元素继承该属性。请参阅 inherit 。