【武汉加油】小程序flex布局的主轴排列布局方式

【武汉加油】小程序flex布局的主轴排列布局方式

设置在主轴上的排列方式

默认情况下,是从左往右排列。在主轴方向上,可以通过justify-content进行设置:

1. flex-start:项目靠近父盒子的左侧

【武汉加油】小程序flex布局的主轴排列布局方式

2. flex-end:项目靠近父盒子的右侧

【武汉加油】小程序flex布局的主轴排列布局方式

3. center : 居中显示

 【武汉加油】小程序flex布局的主轴排列布局方式

4.space-evenly:沿主轴方向均匀分布

【武汉加油】小程序flex布局的主轴排列布局方式

 5. space-between:子元素紧贴父容器的首尾两侧。

【武汉加油】小程序flex布局的主轴排列布局方式