往左移动盒子的一半 和往上移动一半
<head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>DIV层居中遮罩</title> <style> #center-VH { position:absolute; top:50%; left:50%; 400px; height:200px; background:#fff; margin:-102px 0 0 -202px;/*//盒子的一半 盒子的高度=contentwidth+border+padding*/ line-height: 200px; text-align: center; border: 4px solid #CCC; } </style> </head> <body> <div id="win">Div层居中:)更多：<a href='http://www.codefans.net'>网页特效</a></div> </body>