页面垂直居中

标签：color   tran   fixed   pos   垂直居中   border   margin   orm   popup   

<div id="popup"></div>

需要定义heigh 和width

#popup
position:fixed
left:0
right:0
top:0
bottom:0
width:100px
height:100px
margin:auto
background:red
color:#fff

不需要定义高宽

#popup
position: fixed;
left: 50%;
top:50%;
background: rgba(0,0,0,.35);
padding: 10px;
border-radius: 5px;
transform: translate(-50%,-50%);
color:#fff

页面垂直居中

标签：color   tran   fixed   pos   垂直居中   border   margin   orm   popup   

原文地址：https://www.cnblogs.com/liuzhouyuan/p/9262582.html