我正在尝试将浏览器页面中的模态窗口作为中心.我只是想把它放在中心位置,这样它应该对所有屏幕都有响应.
解决方法
位置：绝对假设你的模态是300×300
.modal {
width: 300px;
height: 300px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -150px;
margin-top: -150px;
}
<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>
