CSS弹性盒

新版弹性盒：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