本文档始于2025.11.20，凌晨0:23

Flexbox学习

1.核心概念

*flexbox（弹性布局）是现代前端布局的基础，他可以解决我在控制文档位置上的一些难题
比传统的Position(定位)*更优雅与强大
Flexbox 专注于一维布局（单行或单列），通过定义主轴和交叉轴来管理项目，擅长于内容的对齐与空间分配

2.解决了什么问题

定位这个布局方式过于脆弱以及需要大量使用各种属性的难题
更加 现代 简洁 强大
以及能同时实现float和position的功能

3.代码示例

详情请见
../../study_by_myself/flexbox

4.注意事项/常见误区

要注意order属性的写法
flex属性的简写方式（grow-shrink-basis）
justify-content与align-item的可选属性值都有什么
Flexbox 的方向性
justify-content永远是沿主轴操作，align-items永远是沿交叉轴操作，而主轴/交叉轴的方向，完全由flex-direction决定

5.相关链接

Gemini对话 Flexbox学习：布局与对齐
MDN文档 弹性盒子

6.本次学习总结

本次第一次使用Gemini进行学习，在没有pro额度的情况下依然能非常快速的满足我的需求
相比于曾经使用的ai大模型体验提升与学习速度提升极快
之后可考虑继续使用