Figma自动布局子元素无法居中是因对齐方式与内边距不匹配所致，需依次设置Align Items/Justify Content为居中、统一Padding值、禁用子项“填充容器”、确保嵌套容器均启用自动布局并设居中对齐、校正文本自身对齐方式。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
如果您在Figma中为图层启用了自动布局，但子元素在容器内无法水平或垂直居中显示，则可能是由于对齐方式（Align Items / Justify Content）与内边距（Padding）配置不匹配所致。以下是解决此问题的具体操作步骤：
一、设置主容器的对齐属性
自动布局容器默认采用左上对齐，需显式指定交叉轴与主轴对齐行为，才能实现子元素在容器内的整体居中效果。
1、选中已启用自动布局的框架（Frame）或组件（Component）。
2、在右侧属性面板中，找到“交叉轴对齐方式”（Align Items）下拉菜单，选择“居中”（Center）以实现垂直方向居中。
3、若需同时控制子元素在主轴方向的位置，点击“主轴对齐方式”（Justify Content），选择“居中”（Center）实现水平方向居中。
4、注意：当主轴方向设为“垂直”时，“主轴对齐方式”控制的是上下间距分布；设为“水平”时，则控制左右间距分布。
二、调整容器内边距（Padding）确保视觉留白均衡
即使对齐属性正确，若容器上下或左右Padding值不对称，也会导致子元素视觉偏移。必须确保Padding四边一致或按预期比例设定，才能使居中逻辑生效。
1、在自动布局容器的属性面板中，展开“填充”（Padding）设置区域。
2、检查上下左右四个数值：若需严格居中，应设置为相同值（如16）；若仅需垂直居中，可单独调整上下Padding相等，左右保持默认或统一。
3、点击Padding输入框旁的链式图标，切换为“统一填充”模式，输入单个数值即可同步应用至四边。
4、若使用非统一模式，请确认top = bottom且left = right，否则Align Items/Justify Content将无法达成预期居中效果。
三、检查子元素是否启用了“填充容器”并干扰对齐
当子元素被设为“填充容器”（Hug Contents关闭、宽度/高度设为Fill Container）时，其尺寸会侵占可用空间，可能挤压其他子项，破坏整体居中结构。
1、逐个选中自动布局内的子图层，查看右侧宽度（Width）或高度（Height）设置栏。
2、若出现“填充容器”（Fill Container）字样，且该子项并非用于延展背景或占位，请点击下拉箭头切换回“适配内容”（Hug Contents）模式。
3、对文本类子项，若需保持居中又允许换行，应禁用“填充容器”，改设固定宽度+文本对齐方式为居中。
4、若必须保留“填充容器”，则需确保其相邻兄弟元素未设置冲突的间距或约束，并在父容器中启用“均匀分布”（Space Between）而非“居中”对齐。
四、嵌套自动布局中父级约束覆盖子级Align设置
在多层嵌套的自动布局结构中，外层容器的Align属性会作用于直接子项；若中间某层容器自身未启用自动布局或Align被重置，将中断居中传递链。
1、从最外层框架开始，逐层向下检查每个容器是否均已启用自动布局（右上角显示Auto Layout图标）。
2、对每一层容器，单独打开属性面板，确认其“Align Items”与“Justify Content”均设为“Center”，不可依赖继承。
3、若某中间层容器仅用作分组（Group）而非框架（Frame），请将其转换为Frame：右键→“转换为框架”，再启用自动布局。
4、避免在嵌套结构中混用Constraints（约束）与Auto Layout：已启用自动布局的容器内，应禁用子项的Left/Right/Top/Bottom约束设置。
五、验证文本图层自身的对齐方式是否冲突
文本内容本身的对齐方式（Text Align）独立于容器Align属性，若文本设为左对齐而容器设为居中，长文本仍会靠左溢出，造成“伪偏移”错觉。
1、单独选中文字图层（非其父容器），在右侧属性面板中找到“文本对齐”（Text Align）选项。
2、根据容器主轴方向选择对应对齐：主轴为水平时，设为“居中对齐”（Center）；主轴为垂直时，设为“左对齐”（Left）或“居中对齐”（Center）以匹配阅读习惯。
3、对单行文本按钮，建议同时开启“自动调整大小”（Auto Width / Auto Height），防止手动宽高锁定破坏居中响应。
4、若文本包含多段落，需额外检查“段落对齐”（Paragraph Alignment）是否与整体布局目标一致。
