flex的direction属性:主轴方向,起点

 reverse:颠倒

可以知道这个词英译为颠倒,这里作用于反向

column:列

可以知道这个词英译为列,这里作用于排列方式为y为主轴

direction:方向

顾名思义为设置方向

 

flex-direction: row;(不设置,默认就是这个)

主轴为x,起点从左到右。(下图中1是起点)

flex的direction属性:主轴方向,起点_第1张图片

flex-direction: row-reverse;

主轴为x,起点从右到左。

flex的direction属性:主轴方向,起点_第2张图片

flex-direction: column;

flex的排列方向为列

flex的direction属性:主轴方向,起点_第3张图片

flex-direction: column-reverse;

flex的排列方向为从下往上的列

flex的direction属性:主轴方向,起点_第4张图片

 

 

 

你可能感兴趣的:(flex)