div居中的三种方法

方法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;

}//图片的居中方法