如何将模态居中到屏幕中心？

Question

如何将模态居中到屏幕中心？这是我的 html 和 js 代码 它在 Chrome 控制台中工作，但是当我刷新这个页面时 - 它不起作用

$('.modal').css('top', $(window).outerHeight() / 2 - ($(".modal-dialog").outerHeight()) / 2 + 'px');

原文由 Vlad Udod 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

简单的解决方法

.center {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

原文由 Vlad Udod 发布，翻译遵循 CC BY-SA 3.0 许可协议