div 上下左右 居中

不定宽高

position:absolute;
top:50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
复制代码

定宽高

第一种

width:200px;
height:200px;
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
margin:auto;

第二种

width:200px;
height:200px;
position:absolute;
top:50%;
left:50%;
margin-top:-100px;
margin-left:-100px;

第三种

width:200px;
height:200px;
position:absolute;
top:50%;
left:50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);

第四种

width:200px;
height:200px;
position:absolute;
top:50%;
left:50%;
-webkit-transform: translate(-100px, -100px);
transform: translate(-100px, -100px);

复制代码