方法1：
#div1{
width:200px;
height:200px;
background:green;
position:absolute;
left:0;
top:0;
right:0;
bottom:0;
margin:auto;
}
方法2：
#div1{
width:400px;
height:400px;
background:green;
position:absolute;
left:50%;
top:50%;
margin:-200px 0 0 -200px;
}
方法3：
#div1{
display:table-cell;
text-align:center;
vertical-align:middle;
}//图片的居中方法
原文：http://www.cnblogs.com/cdwp8/p/4039046.html