我正在尝试将浏览器页面中的模态窗口作为中心.我只是想把它放在中心位置,这样它应该对所有屏幕都有响应.
解决方法
位置:绝对假设你的模态是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>
原文地址:https://www.jb51.cc/html/228388.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。