要使用下面的语法,首先设定父元素为flex布局,给父元素加上 display:flex;
让父元素里面的子元素进行垂直排序 给父元素使用
flex-direction: column;
先两边再中间分布 给父元素使用
justify-content: space-between;
主轴是默认横着排序时的底部对齐 给父元素使用
align-items:flex-end;
主轴变成垂直排序时的底部对齐 给父元素使用
justify-content: flex-end;
垂直居中
align-items: center;
水平居中
justify-content: center;
flex换行
flex-wrap: wrap;