Layui弹出层默认视口居中，只需不传offset参数或设为'auto'，并排除body隐藏、祖先relative定位、transform干扰等常见问题。
在 Layui 中实现弹出层水平垂直居中显示，只需确保不主动破坏默认定位逻辑——layer.open 默认就是视口级居中，不需要写 offset、不需计算 transform 偏移、也不用手动设 margin 或 top/left。
确认默认居中是否生效
调用 layer.open 时完全不传 offset 参数，或显式写成 offset: 'auto'，此时 layui 内部会使用 transform: translate(-50%, -50%) 实现真正视口居中。
这一步操作起来很简单，直接调用 layer.open({ type: 1, content: '测试' }) 即可看到弹窗出现在屏幕正中央。
如果没居中，大概率是外部 CSS 干扰了定位上下文——比如某个祖先元素设置了 position: relative 且高度为 0，导致 layer 的 fixed 定位被错误地 relative 到该容器；【务必检查 body 是否 visibility: hidden 或 display: none】，这种状态下 layer 会退化为 absolute 定位并脱离视口中心。
排除常见错位原因
方法一：禁用自定义 offset
删除代码中所有类似 offset: 't'、offset: ['100px', '200px']、offset: '0px' 的配置。哪怕只写 offset: 'l' 或 offset: 't'，都会覆盖默认居中行为。
方法二：检查父容器 transform 干扰
若页面根节点或某层 wrapper 加了 transform: scale(1) 或 transform: translateZ(0)，会导致 fixed 元素定位参考系偏移——IE11 和部分 Chrome 版本对此尤其敏感。临时移除这些 transform 样式即可验证。
方法三：确保 body 可见且可滚动
layer 的居中依赖 window.innerWidth/Height，若 body 被 JS 动态设为 overflow: hidden 且 height: 0%，或通过 class 隐藏了 body（如 .hidden { display: none }），layer 就无法获取正确视口尺寸。【出现空白屏或弹窗贴顶时，优先检查 body.style.display 是否为 'none'】
强制恢复居中的最小可靠配置
第一步：清空所有 offset 相关字段
第二步：确认未对 layer 所挂载的容器（通常是 body）设置 transform、perspective 或 filter
第三步：在调用前执行 document.body.style.removeProperty('display')
第四步：layer.open({ type: 1, content: '
