首页 >web前端 >html教程 >div的垂直居中_html/css_WEB-ITnose

div的垂直居中_html/css_WEB-ITnose

WBOY
WBOY原创
2016-06-24 11:23:481028浏览

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

 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 }

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

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn