對于父元素高度不確定，又要實現上下左右對齊，只需要在彈窗的父元素上使用box布局，控制彈窗上下左右居中

<div class="pop_wrap"><div class="pop"></div> </div> .pop_wrap{display:-webkit-box;-webkit-box-align:center; /*上下對齊*/-webkit-box-pack:center; /*左右對齊*/width:100%;height:100%;background-color: yellowgreen;}.pop{width:20rem;height:20rem;border:1px solid #e3e3e3;border-radius: 1rem;background-color: #f2f2f2;}

?

轉載于:https://www.cnblogs.com/javenlee/p/6957343.html

總結

以上是生活随笔為你收集整理的不确定屏幕大小的弹窗垂直居中（用了box方法）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。