当前位置:Gxlcms > html代码 > div的垂直居中_html/css_WEB-ITnose

div的垂直居中_html/css_WEB-ITnose

时间:2021-07-01 10:21:17 帮助过:3人阅读

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

 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 }

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

人气教程排行