请问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%