div的垂直置中，div垂直置中

div的垂直置中，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 }

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