非絕對定位情況下,一般使用margin:0 auto的方法來進行居中,但在絕對定位情況下,margin:0 auto會失效。
這時,進行水平垂直居中可以如下:
position:absolute;
left:50%; //left設置為50%,這時是以元素的左側進行的水平居中,所以需要設置margin-left為元素寬度的一半。
top:50%;//垂直居中原理同水平居中
margin-top:-100px;
margin-left:-100px;
width:200px;
height:200px;
z-index:1;