不确定屏幕大小的弹窗垂直居中（用了box方法）

对于父元素高度不确定，又要实现上下左右对齐，只需要在弹窗的父元素上使用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方法）的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。