div的垂直居中_html/css_WEB-ITnose

 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 }