还在手动拖拽对齐每个元素？学会 Auto Layout 这 5 个进阶技巧你就解放了 🔧 进阶一：Hug vs Fill 灵活切换 Hug Content → 容器大小由内容决定（适合按钮、标签） Fill Container → 内容撑满容器（适合输入框、卡片） Fixed → 固定宽高（少用，失去了自适应能力） 一个卡片组件：宽度 Fill，高度 Hug，里面的内容再多也能自动撑开 🔧 进阶二：嵌套 Auto Layout 横向列表里的每个卡片内部也是纵向的 Auto Layout。嵌套 3-4 层是正常的，别怕层级多 外层横向 → 排列卡片 内层纵向 → 排列卡片里的标题/描述/按钮 🔧 进阶三：用 gap 的 Auto 模式 设置间距为 Auto（相当于 CSS 的 space-between），元素会自动均匀分布在容器里。做导航栏、Tab 栏特别好用 🔧 进阶四：绝对定位（Absolute Position） Auto Layout 里也能放绝对定位的元素！选中元素后点右上角那个定位图标，它就脱离文档流了。做角标、浮动标签、右上角关闭按钮都用这个 🔧 进阶五：Min/Max 宽高 给 Auto Layout 元素设置最小和最大宽高，控制响应式行为。比如一张卡片最小 280px、最大 400px，在不同屏幕尺寸下都不会太窄或太宽 这 5 个技巧学会了，基本上什么布局都能用 Auto Layout 搭出来💪