Layui layer.open 默认即视口水平垂直居中，无需设置offset；不居中多因body或父容器存在transform/zoom、滚动定位异常、iframe加载延迟、IE11兼容问题或误用offset值如'center'导致解析为0px。
layer.open 默认就是水平垂直居中，别动 offset
只要没显式设置 offset，layer.open() 就会自动在视口中央用 transform 居中——这是内置行为，不是巧合。很多人调了半天 offset: ['50%', '50%'] 或手动算 left/top，反而破坏了它。
常见“不居中”的真实原因：
-
body或父容器有transform、zoom、perspective，干扰了 layer 的 fixed 定位上下文 - 页面有滚动条，但弹层被 relative 到了 body 滚动区域外（尤其在 iOS Safari 下）
- 用了
iframe模式且未设content为真实 URL，导致内部文档加载延迟，初始定位快照失效 - IE11 下缺失
-ms-transform支持，或 html/body 被重置为position: static
offset: 'auto' 是默认值，不是“需要加上的配置”
offset: 'auto' 就是 layer 的默认行为，等价于不写这一项。写出来没坏处，但没必要——除非你之前全局覆盖过默认配置，或想显式强调意图。
注意别踩这些坑：
- 写成
offset: 'center'或offset: 'middle'：Layui 不识别，会当作像素值解析，比如'center'→0px，结果贴顶 - 混用
area和offset：比如area: ['90%', 'auto']+offset: 't'，位置由offset主导，area只控尺寸 - 在
success回调里再调一次layer.style()：DOM 尚未完成渲染，容易错位
移动端或小屏下居中偏移？先检查 safe-area 和键盘遮挡
纯靠 $(window).height() 计算居中，在 iOS 键盘弹起、安卓刘海屏、横竖屏切换时会失准。这时候 transform 居中依然生效，但弹层可能被截断。
应对方式不是改居中逻辑，而是加约束：
- 给弹层内容加
max-height: 80vh，配合overflow-y: auto防溢出 - 用 CSS
env(safe-area-inset-top)补偿刘海/Home Indicator 区域（需配合viewportmeta 设置） - 监听
resize时，不直接重设top/left，而是检查弹层是否超出视口：if (top
IE11 居中失效？重点查 -ms-transform 和定位上下文
IE11 不支持无前缀的 transform: translate(-50%, -50%)，Layui 内部虽尝试兼容，但前提是父级容器不能是 position: static（html/body 默认就是）。
快速验证和修复：
- 打开 IE11 开发者工具，选中弹层 DOM，看
computed中transform是否生效；若无效，检查是否有-ms-transform声明 - 确保
html, body { position: relative }，避免被第三方 reset CSS 清掉 - 不用
iframe模式，或确保 iframe 内文档readyState === 'complete'后再触发居中
