CSS设置垂直水平居中

水平居中一般都很常见，设置text-align:center或align:center样式基本就可以，比较麻烦的是垂直水平居中。

第一种方法————未知元素width、height的px值：

div
{
    width: 300px;
    height: 300px;
    background-color: #ffff00;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

第二种方法————已知元素的width、height的px值：

div
{
    width: 300px;
    height: 300px;
    background-color: yellow;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -150px;     /*1/2width*/
    margin-left: -150px;    /*1/2height*/
}