纯CSS实现DIV垂直居中效果(所有浏览器有效)_html/css_WEB-ITnose

最近修改公司一个用户登录页面,需要实现登录框在页面水平,垂直居中.因为才疏学浅,绞尽脑汁才想到利用绝对定位+百分比位置减去自身一半的长宽来实现垂直水平居中的,代码如下;

 1   2   3   4   5  无标题文档  6  7   8 .test{ 9     position:absolute;10     width:200px;11     height:200px;12     background:#999;13     top:50%;14     left:50%;15     margin-top:-100px;16     margin-left:-100px;17  18  19 20  21 22 


      
查看更多关于纯CSS实现DIV垂直居中效果(所有浏览器有效)_html/css_WEB-ITnose的详细内容...
        

          
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://haodehen.cn/did102822