游戏机制练习簿：等宽按钮分配中的余数像素——6按钮在八种宽度中的像素分配（案例03）

一排按钮平分可用宽度时，除法不一定得到整数像素。若每个按钮独立四舍五入，最后总宽度可能超出容器或留下缝隙。明确分配余数，可以使边距与总尺寸精确对齐。

以下是一组输入完整的独立案例。先读清规则，再按时间或操作顺序记录中间状态；遇到与预期不同的结果时，检查首次出现差异的位置。案例使用明确限定的教学模型，不假定所有作品都采用相同的处理方式。

规则和原始数据

先扣除左右边距和固定间距，再把剩余整数像素平均分给按钮。每个按钮先得商，剩余像素从左到右各加一；位置区间右端排除，所有按钮至少有一个像素。

同一排6个按钮；每项[容器宽,左边距,右边距,间距] [[124, 3, 12, 2], [196, 5, 4, 5], [194, 8, 4, 8], [152, 8, 5, 4], [222, 3, 8, 11], [177, 4, 12, 10], [116, 4, 10, 8], [193, 7, 2, 2]]

逐步记录

容器宽124，左右边距3/12、间距2：可分配99，商16余3；按钮宽[17, 17, 17, 16, 16, 16]，区间[[3, 20], [22, 39], [41, 58], [60, 76], [78, 94], [96, 112]]，末端为112。

容器宽196，左右边距5/4、间距5：可分配162，商27余0；按钮宽[27, 27, 27, 27, 27, 27]，区间[[5, 32], [37, 64], [69, 96], [101, 128], [133, 160], [165, 192]]，末端为192。

容器宽194，左右边距8/4、间距8：可分配142，商23余4；按钮宽[24, 24, 24, 24, 23, 23]，区间[[8, 32], [40, 64], [72, 96], [104, 128], [136, 159], [167, 190]]，末端为190。

容器宽152，左右边距8/5、间距4：可分配119，商19余5；按钮宽[20, 20, 20, 20, 20, 19]，区间[[8, 28], [32, 52], [56, 76], [80, 100], [104, 124], [128, 147]]，末端为147。

容器宽222，左右边距3/8、间距11：可分配156，商26余0；按钮宽[26, 26, 26, 26, 26, 26]，区间[[3, 29], [40, 66], [77, 103], [114, 140], [151, 177], [188, 214]]，末端为214。

容器宽177，左右边距4/12、间距10：可分配111，商18余3；按钮宽[19, 19, 19, 18, 18, 18]，区间[[4, 23], [33, 52], [62, 81], [91, 109], [119, 137], [147, 165]]，末端为165。

容器宽116，左右边距4/10、间距8：可分配62，商10余2；按钮宽[11, 11, 10, 10, 10, 10]，区间[[4, 15], [23, 34], [42, 52], [60, 70], [78, 88], [96, 106]]，末端为106。

容器宽193，左右边距7/2、间距2：可分配174，商29余0；按钮宽[29, 29, 29, 29, 29, 29]，区间[[7, 36], [38, 67], [69, 98], [100, 129], [131, 160], [162, 191]]，末端为191。

每种布局的最后右端都恰好等于容器宽减右边距，余数已完整分配。

交叉核对与应用

逐个统计按钮宽度与固定间距，检查最后一项右端恰好落在容器宽度减右边距处。任意两个按钮宽度最多差一，额外像素只分配给前面的若干项。

从左到右发放余数是一种确定约定，也可以设计居中或交替分配，但不能在同一组测试里混用。确定性规则有助于减少窗口大小来回变化时不必要的边缘抖动。

建议保留原始输入、每一步状态和最终输出，再只改变一个条件做对照。重点检查空输入、相等边界、重复请求以及先后顺序；把规则约定、计算过程和显示表现分别核对，比只比较最后一个数字更容易找到原因。