F2.05.3local centering breaks the spine设计
局部居中会打断整体对齐线
别名: 局部居中 · rogue center · 打断对齐
概念解释
登录表单字段都靠起始边排，中间突然插一颗居中的圆形生物识别按钮，下面「遇到问题」又回到左缘。那颗按钮在左右各留同样的空，不落在主轨道上，轨道在这里断掉。下一行链接看起来像随便扔的，其实是轨道被打断后的再捕获。
局部居中的杀伤力不在「居中难看」，而在它插进一条已经在工作的对齐线。整页居中（开场、空状态）没有这条线可断，问题小得多。
机制
居中对象的几何定义是两侧余量相等，所以它的左缘几乎一定不在内容起始边上。扫视顺着起始边下来，到这里轨道上突然没东西，眼睛要改去找对称轴，再在下一项把起始边找回来。短短一个控件，两次重新校准。
营销习惯把徽章、分隔符「或」、社交登录图标放页面中轴，因为海报就是中轴构图。工具表单的构图是左脊梁。把海报手法嵌进表单，是两套坐标系打架。margin: auto 和 text-align: center 在局部容器里很容易被随手加上去，设计稿上看着「平衡」，滚动区域里却是一个坑。
边界
英雄区、空状态插画、进度环、头像大图，整块就是中轴对象，后面若换到表单，应当在区块边界结束居中，不要把中轴带进字段。窄屏上一个单独的主按钮居中，有时是为了落在拇指热区，那是可达性在覆盖对齐；即便如此，按钮上的标签仍可在按钮内部起始对齐，避免按钮里再套一层中轴。
多栏中间的「或」居中是传统排版，两侧栏要对等，否则中轴会对着不对称的内容，更乱。
怎么落地
- 在已经起始对齐的滚动区里，把徽章、二次操作、分隔符改到主轨道上（左对齐的文字按钮、左对齐的「用生物识别」），而不是页面中轴。
- 必须居中的对象单独成块，上下用组间空切开，让居中发生在自己的短区间，而不是插在字段之间。
- 验证：画出该滚动区的主左缘。任何中轴对象若落在同一滚动区、夹在两段左齐内容之间，就是打断。把它改到左缘后走一遍填写任务，看视线是否还在中轴和左缘之间来回跳。