你如何水平和垂直对齐div？

Question

我想将以下div水平和垂直对齐到页面的中心。我设法将它水平对齐到中心;但是，不是垂直的。我怎么能这样做？

http://www.brennanpringle.com/cat.html

Answer 1

将这些top:0;right:0;bottom:0;left:0;margin:auto;添加到您的.circle

.circle {
    background: rgba(0, 0, 0, 0) url("http://www.brennanpringle.com/images/image.jpg") no-repeat scroll center center;
    border-radius: 150px;
    bottom: 0;
    height: 200px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 200px;
}