横轴排列方式 justify-content :
justify-content : flex-start | flex-end | center | space-between | space-around;
起点对齐;右对齐;居中;两端对齐;间隔相等
交叉轴的起点对齐
justify-content:flex-start;
div{
background:green;
display:flex;
justify-content:flex-start;
}
纵轴排列方式align-items :
align-items : flex-start | flex-end | center | baseline | stretch(默认值);
左对齐;终点对齐;中点对齐;第一行文字基线对齐;未设置高度或为auto时将占满整个高度
默认值,左对齐
align-items:flex-start;
div{
background:green;
display:flex;
align-items:flex-start;
}