logo标签列表

如何将模态窗口居中显示在页面上？

htmlmodal-dialogcenter
26

我正在尝试将模态窗口居中在浏览器页面中。我想要居中它，使其适用于所有屏幕的响应式设计。

尝试这个... http://jsfiddle.net/9t3sn/4/ - Karuppiah RK
试试这个很棒的解决方案：https://stackoverflow.com/a/53373717/7186739 - undefined
11个回答
0

尝试了几乎所有的CSS选项，但最终找到了解决方案：jQuery

setInterval(function()
     {
         if($('#myModal').is(':visible')===true)
         {
             $("body").addClass("modal-open");
             $('#myModal').css({"display":"flex"});
         }
         else
         {
             $("body").removeClass("modal-open");
             $('#myModal').css({"display":"none"});
         }

     },200);

这是关于Bootstrap的基本错误，涉及到向body标签添加/删除类modal-open，多年来一直在讨论，但至今没有有效的解决方案。

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接