3.1.主轴
flex布局是一种一维布局模型,一次只能处理一个维度(一行或者一列)上的元素布局。
也就是说,flex布局大部分的属性都是作用于主轴的,在交叉轴上很多时候只能被动地变化。
我们可以在弹性容器上通过flex-direction
修改主轴的方向。如果主轴方向修改了,那么:
-
交叉轴就会相应地旋转90度。
-
弹性元素的排列方式也会发生改变,因为弹性元素永远沿主轴排列。
flex-direction属性
3.1.主轴
flex布局是一种一维布局模型,一次只能处理一个维度(一行或者一列)上的元素布局。
也就是说,flex布局大部分的属性都是作用于主轴的,在交叉轴上很多时候只能被动地变化。
我们可以在弹性容器上通过flex-direction
修改主轴的方向。如果主轴方向修改了,那么:
交叉轴就会相应地旋转90度。
弹性元素的排列方式也会发生改变,因为弹性元素永远沿主轴排列。
flex-direction属性