对于水平排列的情况，我们可以设置父元素的flex-direction属性为row。这样，子元素将会水平排列在一行内，并自动撑开父元素的宽度。如果子元素的宽度总和超过了父元素的宽度，则子元素会被压缩，以适应父元素的宽度。
对于垂直排列的情况，我们可以设置父元素的flex-direction属性为column 。这样，子元素将会垂直排列在一列内，并自动撑开父元素的宽度。同样地，如果子元素的高度总和超过了父元素的高度，则子元素会被压缩，以适应父元素的高度。
参考：
相关推荐
用户059540174469 小时前
AI Agent 上下文污染踩坑实录：用 pytest + Redis 揪出 3 类记忆串号 bug，排查 6 小时—Qeyser21 小时前
html 可视化海报模板编辑器我命由我123451 天前
CesiumJS 笔记 - 获取容器中心点、Cartesian3 clone 方法、修改 Cartesian3 对象的高度FFF_634560232 天前
简单的画板小工具，下载即用绝世唐门三哥2 天前
CSS 虚线下划线用法指南：text-decoration 完整解析DsirNg2 天前
用一个登录卡片讲清 CSS 盒模型：padding、border 与 box-sizing 到底如何影响布局用户059540174462 天前
把 AI Agent 记忆存储验证从 40 分钟手测压到 3 分钟，pytest + Docker 这套组合太顶了用户059540174463 天前
LangChain Memory 测试踩坑实录：用 pytest 自动化回归对话记忆，我折腾了整整一个周末jjw_zyfx4 天前
css vue vite实现闪烁的呼吸效果Mh5 天前
如何使用GSAP实现一个 `pinned` 滚动楼层叙事？