div在父容器中水平垂直居中

父容器样式:

height:100%;
width:100%;
margin:0;
padding:0;
border:0;

 

div样式:

position:relative;
overflow:hidden;
margin:auto; /* 重要,IE兼容模式 */
height:500px;
width:500px;
top:50%;
left:50%;
margin-top:-250px;
margin-left:-250px;

 

转载于:https://www.cnblogs.com/wudingfeng/archive/2012/12/03/2800015.html