HTML – 如何在页面上居中模式窗口？

我正在尝试将浏览器页面中的模态窗口作为中心.我只是想把它放在中心位置,这样它应该对所有屏幕都有响应.

解决方法

位置：绝对假设你的模态是300×300

.modal {
   width: 300px;
   height: 300px;
   position: absolute;
   left: 50%;
   top: 50%; 
   margin-left: -150px;
   margin-top: -150px;
}

使用display：table另一种方法是制作显示表

<div class="modal">
    <div class="body">
        <div class="content">
            Content goes here
        </div>
    </div>
</div>
<style>
    .modal {display:table;}
    .body {display:table-cell; vertical-align:middle; text-align:center;}
</style>