layer.open 按钮间距需用 CSS 控制，btnAlign 仅控制整体对齐；推荐 btnAlign: 'l' 或 'r'，配合 .layui-layer-btn a 的 margin-right 精确设置间距，避免 text-align: center 引发的换行错位。
layer.open 的按钮默认右对齐，没有内置“左右间距”配置项
很多人以为 btnalign 能控制按钮之间的距离，其实它只管整体对齐方式（'l' 左、'c' 居中、'r' 右），按钮间的横向间隙完全由 css 决定，layer 本身不提供类似 btnspacing 这样的参数。
按钮间距必须靠自定义 CSS 实现
layer 渲染的按钮容器是 .layui-layer-btn，每个按钮是 .layui-layer-btn0、.layui-layer-btn1 等。它们默认是 inline-block 元素，天然有空格间隙，但这个间隙不可控、不一致，尤其在不同字体或缩放下容易错位。
- 推荐做法：重置按钮 display，并用
margin-right显式控制间距 - 示例（加在 layer.open 的
success回调里）：success: function(layero, index) { layero.find('.layui-layer-btn').css('text-align', 'center'); layero.find('.layui-layer-btn a').css({ 'margin-right': '12px', 'display': 'inline-block' }).last().css('margin-right', '0'); } - 如果按钮数量动态变化，建议用 CSS 类统一管理，避免内联样式污染
用 btnAlign: 'c' 配合 CSS 更容易出问题
当设 btnAlign: 'c' 时，layer 会给按钮容器加 text-align: center，此时若再用 margin-right，末尾按钮容易因换行或父容器宽度不足而右移溢出，视觉上像“间距变大”。
- 安全做法：始终用
btnAlign: 'l'或'r'，再通过容器text-align和子元素margin精确控制 - 不要依赖 HTML 源码里的空格或换行来生成间距——layer 会重排 DOM，原始结构不保留
- 移动端需额外注意：小屏幕下按钮宽度撑满时，
margin-right可能导致换行，建议配合flex布局替代
为什么不能直接改 layer 源码或用 area/offset 间接调整
area 控制弹窗宽高，offset 控制弹窗位置，它们都影响不了按钮内部的布局流。强行用 padding-left 或 transform 推按钮，会导致点击区域偏移、焦点错位，且在 iframe 层或 tips 层中行为更不可控。
- 最干净的解法永远是：接管按钮容器的 CSS，而不是“推着它走”
- 如果项目已全局覆盖了
.layui-layer-btn a，记得检查是否被其它样式（如重置 CSS、UI 框架）意外覆盖 - layer 3.x 对 flex 支持有限，别在按钮上直接用
justify-content: space-between——老版本会失效
