怎么让DIV弹窗自动水平垂直居中在网页中心位置

1、新建一个html网页，在head中引入CSS，并设置网页背景色为深灰色，方便观察【<style type="text/css">*{margin: 0;padding: 0;}body{background: #3F3F3F;}】</style>。

3、继续加入CSS代码【position: fixed;top: 50%;left: 50%;】。可以看到弹窗到了右下角，不用担心，继续跟我操作哦。

5、如果不用外边距margin定义也可以用以下代码实现自动剧中的效果【-webkit-transform: translate(-50%, -50%); -moz-trans熠硒勘唏form: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); 】。

7、我们用网页打开开发者模式，切换成手机预览效果可以看到，弹窗也一样还是在中间的哦。