layer.confirm按钮默认右对齐，需通过配置参数btnAlign: 'c'（居中）或' l'（左对齐）显式设置，该参数必须与btn等同级置于第二个参数对象内，不可用CSS覆盖。
layer.confirm按钮默认右对齐，怎么改成居中或左对齐
默认情况下，layer.confirm 的按钮是右对齐（btnalign: 'r'），这不是 css 控制的，而是 layer 内部渲染逻辑决定的。想改排列，必须显式传入 btnalign 参数，否则无论怎么写 css 都无效。
可选值只有三个：'l'（左）、'c'（居中）、'r'（右，默认）。它只影响按钮组整体在弹窗底部的位置，不影响按钮之间的顺序（按钮顺序由 btn 数组顺序决定）。
-
btnAlign: 'c'是最常用的需求，适合强调操作对等性（如“是/否/取消”） - 若设为
'l'，按钮会紧贴弹窗左下角，右侧留白较大，视觉上略失衡 - 该参数必须放在配置对象里，不能靠外部样式覆盖；layer 会根据该值动态加 class（如
layui-layer-btn-left）
为什么加了 btnAlign 但没生效
常见原因是参数位置错了——btnAlign 必须和 btn、title 等同级，放在第二个参数（配置对象）内，而不是塞进回调函数或丢到外面。
错误写法：layer.confirm('确定？', {btn: ['确定','取消']}, {btnAlign: 'c'}, ...) → 第三个参数会被忽略
正确写法：layer.confirm('确定？', {btn: ['确定','取消'], btnAlign: 'c'}, function(index){...}, function(index){...})
- 如果用了
layer.open模拟 confirm 行为，btnAlign同样有效，且逻辑一致 - IE10+ 和现代浏览器都支持，无兼容性问题
- 注意：
btnAlign不影响按钮文字方向（比如 RTL 场景），只控制水平位置
三个按钮时居中对齐的完整示例
三按钮场景最容易暴露对齐问题，因为默认右对齐会让第三个按钮“挤”在角落，视觉上不像一组。用 btnAlign: 'c' 能明显改善平衡感。
layer.confirm('是否执行高危操作？', {
title: '警告',
icon: 3,
btn: ['继续', '暂停', '取消'],
btnAlign: 'c',
btn3: function(index, layero) {
layer.close(index);
// 执行取消逻辑
}
}, function(index, layero) {
layer.close(index);
// 继续逻辑
}, function(index) {
layer.close(index);
// 暂停逻辑
});
- 三个按钮回调必须严格对应：第一个回调是
yes（隐式），第二个是btn2（隐式），第三个是btn3（显式声明） - 漏写
btn3函数会导致第三个按钮点击无响应，但按钮仍显示 - 按钮文字长度差异大时（如“确认删除” vs “算了”），居中后左右间距依然均匀，这是预期行为
btnAlign 和自定义 CSS 混用的风险
有人试图用 style 或全局 CSS 强行覆盖按钮位置，比如：.layui-layer-btn{ text-align:center!important; }。这看似能居中，但会破坏 layer 的内部布局计算，导致：
- 弹窗高度计算错误，底部按钮被截断
- 响应式缩放时错位（尤其小屏设备）
- 与
maxmin、area等参数冲突，拖拽后按钮位置异常
layer 的 btnAlign 是经过 layout 重排验证的唯一安全方式。任何绕过它的 hack 都可能在升级 layui 版本后失效。
