不定宽高
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);
复制代码