layer.open 默认居中，因内部用 transform 实现；常见不居中原因包括缺失 DOCTYPE、body/html 设 height:100%、父容器有 position:relative 或 transform、手动传 offset 等。
默认就是居中，但多数“不居中”不是 layer 问题，而是页面结构或 css 干扰导致的。
为什么 layer.open 看起来没居中
layer.open() 内部用 transform 实现居中，不依赖 left/top 计算，所以只要没被外力破坏，它天然居中。常见干扰源：
-
<!DOCTYPE html>缺失 → 浏览器进怪异模式，$(window).height()失准 -
body或html被设了height: 100%→ 压缩视口高度 - 父容器有
position: relative或transform→ layer 的fixed定位失效，弹层随滚动偏移 - 手动传了
offset: 'auto'或offset: 't'→ 覆盖默认居中逻辑
最简可靠写法：什么都不设，只配 area
只要不主动破坏，默认就是视口居中。关键点是显式设置 area，避免内容撑开后重排导致抖动：
layer.open({
type: 1,
content: '#myDiv',
area: ['600px', '400px'] // 至少设一个尺寸，推荐宽高都给
});
注意：
- 别加
offset，除非你真要偏移 - 别设
fixed: false—— 这会让弹层变成absolute，极易受父容器影响 - 如果用了
transform: scale()或zoom，layer 居中会失准（Layui 未适配）
窗口 resize 后弹层错位怎么办
layer 默认不监听 window.resize，必须手动节流重定位：
- 用
setTimeout+clearTimeout做至少100ms节流，避免高频触发抖动 - 重定位前先检查弹层 DOM 是否还存在：
$('#layui-layer-' + index).length === 0 - 别在 resize 回调里调
layer.iframeAuto()—— 它只调尺寸，不改位置 - 移动端需加边界约束：算完
top后，确保top >= 0，且top + h <= $(window).height()
iframe 子页面里弹层不居中
子页面的 body 尺寸 ≠ 顶层视口尺寸，layer 按子页 window 算，自然错位：
- 优先用
parent.layer.msg()或top.layer.msg()替代直接调用 - 若必须用
layer.open()，在子页里强制用顶层尺寸计算：$(top.window).width()、$(top.window).height() - 确认子页也写了
<!DOCTYPE html>，否则top.window取值也可能异常
真正麻烦的从来不是怎么写居中，而是谁悄悄把 body 设了 transform，或者忘了声明 <!DOCTYPE html> —— 这些地方查起来最费时间。
