Flex与Grid布局

Flex布局

01_触发弹性盒子

02_容器属性1_触发弹性盒子

03_容器属性2_修改主轴方向

04_容器属性3_主轴对齐方式

05_容器属性4_侧轴对齐方式

06_容器属性5_折行属性

07_容器属性6_行间距属性

08_项目属性1_单独侧轴对齐方式

09_项目属性2_调整顺序

10_项目属性3_占剩余宽度高度的所有

11_项目属性4_自定义是否压缩

Grid布局

01_容器属性1_触发网格

02_容器属性2_划分行列

03_容器属性3_调整间距

04_容器属性4_调整顺序

05_容器属性5_项目对齐方式

06_容器属性6_网格对齐方式

07_项目属性_案例