元素水平垂直居中大法汇总

垂直居中？？我擦这么简单:

.div1 {
    position: absolute;
    width: 300px;
    height: 500px;
    top: 50%;
    left: 50%;
    margin-left: -150px;
    margin-top: -250px;
}

搞定！！！！！

zb.png

还有吗？

text-align：center；
display:table;vertical-align:center; 666666

花了点时间整理了个思维导图，一图胜千文。所有方法我都验证过，如有错误和其他方法之处，恳请各位大佬指点！另外：这个图片要以新建标签页的方法打开，不然看不清。

居中方法汇总.png