div的垂直居中

之前一直不会垂直居中，看了一篇文章才知道  原地址 不详了..

 1 .diva{ 2    width:300px; 3    height:300px; 4    background-color:green; 5    position:absolute; 6    top:0; 7    right:0; 8    bottom:0; 9    left:0;10    margin:auto;11 }12 这是一种垂直居中的方式。13 14 第二种兼容比较好15 16 .divb{17    width:300px;18    height:300px;19    background-color:red;20    position:absolute;21    top:50%;22    right:0;23    left:0;24    margin:auto;25    margin-top:-150px;//一半的高度26 }

第一次写博客 不好之处大家见谅 有更好的方法或者错误欢迎指出。

原标题：div的垂直居中

关键词：div