【武汉加油】小程序flex布局的主轴排列布局方式
设置在主轴上的排列方式
默认情况下,是从左往右排列。在主轴方向上,可以通过justify-content进行设置:
1. flex-start:项目靠近父盒子的左侧
2. flex-end:项目靠近父盒子的右侧
3. center : 居中显示
4.space-evenly:沿主轴方向均匀分布
5. space-between:子元素紧贴父容器的首尾两侧。
默认情况下,是从左往右排列。在主轴方向上,可以通过justify-content进行设置:
1. flex-start:项目靠近父盒子的左侧
2. flex-end:项目靠近父盒子的右侧
3. center : 居中显示
4.space-evenly:沿主轴方向均匀分布
5. space-between:子元素紧贴父容器的首尾两侧。