1、水平居中比较常见，

div{
    margin:0 auto;
}


2、垂直居中：

div{
    position:absolute;
    left:50%;
    top:50%;
    width:300px;
    height:300px;
    margin:-150px auto auto -150px;
}


主要是垂直居中，利用绝对定位负边距实现。不过唯一不足的是需要确定原本div的宽度和高度。