flex布局

display: flex;
flex-flow: row wrap; //clom为垂直
justify-content: space-around;
order:1;//数越大越靠后

nowrap的情况:


flex布局_第1张图片
Paste_Image.png

justify-content:

flex布局_第2张图片
Paste_Image.png

align-content:

flex布局_第3张图片
Paste_Image.png

其他(对齐等): https://segmentfault.com/a/1190000002910324

你可能感兴趣的:(flex布局)