请问css如何实现让div图层fixed固定水平垂直居中显示?
网友回复
.popup {
position: fixed;
height: fit-content;
inset: 0;
margin: auto;
background-color: #fff;
padding: 20px;
width: fit-content;
}
完整代码如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<style>
.popup {
position: fixed;
height: fit-content;
inset: 0;
margin: auto;
background-color: #fff;
padding: 20px;
width: fit-content;
}
</style>
</head>
<body>
<p>
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Repellendus voluptate recusandae quasi ex commodi, facere itaque, exercitationem, totam minus soluta atque assumenda? Aspernatur, quod assumenda at praesentium totam enim nam!
</p>
<p>
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Repellendus voluptate recusandae quasi ex commodi, facere itaque, exercitationem, totam minus soluta atque assumenda? Aspernatur, quod assumenda at praesentium totam enim nam!
</p>
<p>
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Repellendus voluptate recusandae quasi ex commodi, facere itaque, exercitationem, totam minus soluta atque assumenda? Aspernatur, quod assumenda at praesentium totam enim nam!
</p>
<p>
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Repellendus voluptate recusandae quasi ex commodi, facere itaque, exercitationem, totam minus soluta atque assumenda? Aspernatur, quod assumenda at praesentium totam enim nam!
</p>
<p>
Lorem...点击查看剩余70%


