display:flex布局

displat:flex的六个属性：

1. flex-direction;  row,columns,row-reverse//排列的方向
2. flex-wrap:  nowrap(默认) 元素不换行,比如：一个div宽度100%，设置此属性，2个div宽度就自动变成各50%；,wrap元素是否换行。
3. justify-content : 横轴的对齐方式 flex-start|flex-end|center|space-between|space-around;
4. align-items: 纵轴的对齐方式 flex-start|flex-end|center|baseline|stretch
5. align-content属性:属性定义了多根轴线的对齐方式,如果项目只有一根轴线，该属性不起作用。flex-start|flex-end|center|space-between|space-around|stretch
6. 参考地址：https://www.jianshu.com/p/4290522e1560

display:flex布局

原文：https://www.cnblogs.com/kingsmart/p/13030822.html