应启用自动布局并设置对称边距:先右键转换为自动布局容器,再展开四值边距选项,在“左”和“右”栏填入相同数值(如16),或按Alt/Option拖拽左侧手柄同步调整。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜

在码上飞AI中调整界面元素左右边距时,若发现左侧留白24px、右侧却只有12px,会导致表单控件视觉失衡、按钮错位或预览沙盒显示异常——这通常不是设计缺陷,而是自动布局容器未启用「对称边距」导致的。
确认当前是否处于自动布局容器内
点击画布中目标组件(如表单卡片、按钮组),观察右侧属性面板顶部是否显示「Auto Layout」标签及方向图标。没有该标签说明组件未启用自动布局,【此时所有边距设置均无效】,必须先将其转为自动布局容器。
右键点击该组件 → 选择「转换为自动布局」→ 确保方向图标为横向或纵向之一(不能是“无”)。
启用四值边距并设置左右相等
第一步:在右侧自动布局面板中,点击「展开边距选项」图标(四个小方块组成的正方形图标)。
第二步:边距输入框由「水平,垂直」两栏变为「左,上,右,下」四栏;此时若仍显示两栏,说明未成功展开,需重新点击该图标一次。
第三步:在「左」和「右」栏中填入相同数值,例如都输入 16;注意不要直接修改「水平」栏——它已被禁用,强行编辑不会生效。
快速同步左右边距的两种方法
方法一:鼠标悬停在容器左侧边缘的手柄上(出现双向水平箭头),按住 Alt(Windows)或 Option(Mac)后向右拖拽;松手瞬间左右边距将强制同步为同一数值。
方法二:在已展开的四值边距栏中,先填好「左」值,再右键点击「右」输入框 → 选择「复制左侧值」;此操作无需手动输入,避免手误输错数字。
注意:若拖拽时未按住 Alt/Option,只会单边调整,另一侧保持原值不变,极易造成左右不对称。














