1.控制轴方向的方法
display: flex;默认沿着X轴排列
如何方块堆满容器大于容器宽度。会自动压缩
属性值：4个
1：flex-direction: row 默认主轴从左到右，左起点
2：flex-direction: row-reveres 默认主轴从右向左，右起点
3：flex-direction:column 默认纵轴（Y轴），从上到下
4：flex-direction:column-reverse 默认纵轴（Y轴），从下到上
总结：flex-direction 控制轴的四个属性值
左起 row（因为display：flex默认就是row所以不用这个）
右起 row-reverse
上起 column
下起 column-reverse
2.控制换行的方法
1.flex-wrap ：nowrap 不换行 下图方块都挤一起去了，默认不换行，写不写都行
2.flex-wrap : wrap 地球通用换行，挤不下就下去，从左到右排
4.flex-wrap :wrap-reverse 向上换行排列
3.元素在主轴的对齐方式
justify-content:flex-end; 右对齐
注意！刚学的同学可能分不清这个和flex-direction：row-reverse和justify-content：end区别在哪。看下图！flex-direction：row-reverse是1在最右
居中对齐justify-content：center
两端对齐
justify-content:space-around：每个项目两侧的间隔相等。所以，项目之间的间隔比项目与边框的间隔大一倍。
网友回复
ai能写出比黑客还厉害的零日漏洞等攻击工具攻击任意软件系统工程？
js如何获取浏览器的音频上下文指纹、Canvas指纹、WebGL渲染特征？
为啥ai开始抛弃markdown文本，重新偏好html文本了？
网站有没有办法鉴别访问请求是由ai操控chrome-devtools-mcp发出的？
有没有python自动操作浏览器让网站无法鉴别是机器行为？
为啥最新由Meta / 斯坦福 / 哈佛出的ProgramBench基准GPT-5.4、Claude Opus 4.7、Gemini 3.1 Pro 等全部 0% 通过率？
有没有免费的api查询域名是否完成icp工信部备案？
codex用HyperFrames与 Remotion自动做视频那个更好？
claude code中Skill MCP CLI SubAgent Hooks Plugin区别？
浏览器webrtc点对点通讯如何才能走系统代理？
