css實現垂直水平居中，div的垂直居中

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

.diva{
      width:300px;
      height:300px;
      background-color:green;
      position:absolute;
      top:0;
      right:0;
      bottom:0;
      left:0;
      margin:auto;
}
這是一種垂直居中的方式。

第二種兼容比較好

.divb{
      width:300px;
      height:300px;
      background-color:red;
      position:absolute;
      top:50%;
      right:0;
      left:0;
      margin:auto;
      margin-top:-150px;//一半的高度
}

第一次寫博客 不好之處大家見諒 有更好的方法或者錯誤歡迎指出。