mastergo 当前不支持 ai 自动对齐 ui 元素并保持间距一致；其 ai 功能聚焦原型生成与规范推荐，实际对齐依赖自动布局、分布式间距及手动辅助工具。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
MasterGo 当前没有 AI 自动对齐 UI 元素并保持间距一致的功能。截至 2026 年 7 月，MasterGo 的 AI 能力（如「快搭」生成页面、需求分析、design.md 匹配等）主要聚焦于原型生成、结构搭建与规范推荐，而非实时干预画布上的图层对齐与间距控制。
它不会像“选中几个按钮 → 点击 AI 对齐 → 自动拉平+等距分布”这样工作。所谓“AI 自动对齐”，目前在 MasterGo 中属于用户误解或功能混淆——实际支撑对齐与间距一致的，仍是传统但高效的手动+自动布局组合方案。
下面说清楚怎么真正实现“对齐 + 间距一致”：
用自动布局容器统一管理对齐与间距
自动布局是 MasterGo 中最可靠、最可控的方式，尤其适合图标组、按钮栏、列表项等重复结构。
- 创建自动布局：选中多个图层 → 按 Shift+A 或点击右侧「自动布局」按钮
- 设置方向：横向 / 纵向切换（对应水平排列或垂直堆叠）
- 固定间距：在右侧面板输入统一数值（如 12），所有相邻子图层间将严格保持该距离
- 边距控制：可单独设置上/下/左/右边距（展开后支持「左,上,右,下」四值输入），让整体容器与父级对齐更精准
⚠️ 注意：一层自动布局只支持一种子项间距。若需混合间距（如首尾间隙大、中间紧凑），需嵌套多层自动布局。
MaterialDesign风格下拉菜单jquery插件下载menu.js是一款Material Design风格的jquery下拉菜单插件。通过menu.js插件，你可以非常轻松的制作出Material Design风格的下拉菜单或下拉列表。 使用方法 在页面中引入样式文件menu.css和jquery.min.js、menu.js文件。
利用分布式间距应对响应式等距需求
适用于 Tab 栏、工具栏等需随容器宽度动态调整间距的场景。
- 选中多个图层 → 开启「分布式间距」（在对齐面板中）
- 拉伸容器宽度时，系统自动重算各图层间的空白区域，确保首尾贴边、中间等距
- 此模式不依赖固定像素值，而是以容器为基准做比例分配，适合适配不同屏幕宽度
手动对齐 + 参考线 + 网格辅助提升精度
当图层未纳入自动布局（如临时调整、复杂嵌套组件），仍可高效对齐：
- 开启画布网格（View → Show Grid），配合「对齐到像素网格」确保落点精准
- 使用参考线：拖拽标尺生成参考线，或按住 Ctrl/Cmd 拖动图层边缘吸附到已有图层边界
- 多图层对齐操作：选中 ≥2 个图层 → 右键 → 「对齐」→ 选择「左对齐」「居中对齐」等；再配合「分布」命令（需 ≥3 个图层）实现等距
避免常见失效情况
有些时候“对齐没反应”或“间距不一致”，往往因为：
- 图层被锁定或处于不可编辑状态（检查图层面板锁图标）
- 图层属于不同组件实例且未解构（右键 → 「解除组件实例」或「分离实例」）
- 存在嵌套自动布局，外层容器设置了 padding/margin，干扰内层计算
- 使用了「适应内容」或「比例锁定」，导致尺寸变化影响相对位置
真正能保证 UI 一致性与开发还原度的，不是等待 AI 替你调像素，而是把自动布局作为默认工作流，配合明确的模度系统（如 4/8 倍数间距、L1/L2/L3 边距规范）来约束设计行为。AI 在 MasterGo 里是“搭骨架”的助手，而“调细节”的活，还得靠清晰的结构和严谨的习惯。
