div盒子水平垂直居中的几种方式
2018-10-24 本文已影响0人
心中有海i
已知盒子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;
}
