div盒子水平垂直居中的几种方式

已知盒子200px

div{

position:absolute;

top:50%;left:50%;

margin-top:-100px;

margin-left:-100px

}

未知盒子宽高  定位方式

div{

position:absolute;

top:50%;

left:50%;

transfrom:translate(-50%,-50%,0)

}

弹性盒方式

div{   //父盒子

display:flex;

justify-content:center;

align-items:center;

}