新版弹性盒：display:flex（设置为弹性盒 给父级添加）
排列方式：1，flex-direction（主轴排列方式）+row /row-reverse/ column/ column-reverse
2,justify-content（主轴对齐方式）+flex-start/ felx-end/ center/ space-around/ space-between
3,align-items（侧轴对齐方式）+flex-start/ felx-end/ center/ baseline
4,flex-wrap（多行的排列方式）+nowrap/wrap/ wrap-reverse
5,align-content（行与行之间的对齐方式）+flex-start/ felx-end/ center/ space-around/ space-between
6,align-self（改写本元素的排列方式）+auto/ strech/center/flex-start/flex-end
7,order（number排序优先级 默认为0 可为负数 数字越大 越往后排）
8，flex（复合属性：设置或检索弹性盒模型对象的子元素如何分配空间。）
常用【flex:1】[fiex-auto] [flex-none]flex-0 auto]
9,flex-grow（一个数字，规定项目进行的扩展量）flex-shrink（数字，规定收缩量）
flex-basis（项目的长度）
————————————————
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
原文链接：https://blog.csdn.net/w17624003437/article/details/120811254