flex布局

九不饮酒
7,152 阅读1分钟

flex布局极大的提高了我们布局的效率，更简单、灵活。

主轴对齐方式

Snipaste_2022-12-18_14-15-59.png 效果展示：每个盒子都有间隙 2倍关系 Snipaste_2022-12-18_14-25-04.png

Snipaste_2022-12-18_14-25-17.png 效果展示：两侧没有间隙

Snipaste_2022-12-18_14-29-25.png

Snipaste_2022-12-18_14-29-44.png 效果展示：居中

Snipaste_2022-12-18_14-31-16.png

Snipaste_2022-12-18_14-31-33.png

侧轴对齐方式

Snipaste_2022-12-18_14-17-36.png 效果展示：盒子水平居中

Snipaste_2022-12-18_14-36-49.png

Snipaste_2022-12-18_14-37-12.png

avatar
文章
阅读
粉丝