mastergo中通过自动布局实现组件自适应：选中≥2图层按shift+a创建容器，设置方向与统一间距，展开边距选项精准控制四边距及基于最大子元素尺寸的对齐，启用分布式间距实现等距分布，开启“适应内容”使容器随文字或内容动态伸缩。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
在MasterGo中快速实现按钮随文字自动伸缩、卡片随内容动态调整高度、列表增删元素后自动重排，不用手动拖动每个图层重新对齐。
创建自动布局容器
选中两个或以上需要联动的图层（比如一个矩形+一段文本），按 Shift+A 快捷键，或点击右侧属性面板中的「自动布局」图标「+」。
这一步必须同时选中至少两个图层——单个图层启用自动布局后会变成带默认10px边距的独立容器，无法形成子元素间的间距响应关系。
启用后，左侧图层列表中这些图层会被包裹进一个新容器，图标变为「?」，原始图层成为其子项。
设置排列方向与基础间距
方法一：点击右侧自动布局面板中的方向图标，选择「横向」或「纵向」——横向即从左到右依次排列，纵向即从上到下堆叠。
方法二：鼠标悬停在画布中自动布局容器边缘的间距手柄上（出现双向箭头），直接拖拽调节；拖拽时按住 Alt（Windows）或 Option（Mac）可同步调整左右/上下双边间距。
注意：一层自动布局只能设置一种统一间距值。若需不同间距，必须嵌套多层自动布局容器，外层控整体，内层控局部。
精准控制边距与对齐方式
第一步：点击右侧自动布局面板中的「展开边距选项」图标，边距输入框由「水平,垂直」变为「左,上,右,下」四值格式。
第二步：在对应位置输入数值，例如「24,16,24,8」表示左24、上16、右24、下8像素边距。
第三步：在「对齐」选项中选择图例，如点击居中图标，子元素将按最大宽度元素居中对齐；若选「靠左」，所有子元素左边缘对齐容器左边界。
【对齐逻辑基于子元素最大尺寸】——比如一个宽120px的按钮和一个宽60px的图标同属一个纵向自动布局，选择「居中」时，两者都以120px为基准居中，不会各自按自身宽度居中。
启用分布式间距（等距分布）
当容器内多个元素需在固定宽度内平均分布（如底部Tab栏、工具栏图标组），勾选自动布局面板中的「分布式」开关。
勾选后，原「间距」输入框变为灰色不可编辑状态，显示「自动」——此时无论你拉伸或压缩容器宽度，元素始终均匀铺满可用空间，两端紧贴容器边缘。
这一步不能和「固定间距」共存，开启分布式后，手动输入的间距值立即失效。
让容器随内容自适应伸缩
在自动布局面板底部找到「调整」区域，将「容器」的「适应内容」开关打开。
此时，只要子元素（如按钮内的文案）变长，整个容器宽度自动撑开；子元素高度增加（如多行文本），容器高度也同步增长。
若关闭此开关，容器将保持你手动设定的宽高，子元素超出部分会被裁切——【这是不可逆的视觉截断，且不触发警告】。
