div的垂直居中-dzxczx

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

  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的垂直居中-dzxczx的详细内容...