div居中

往左移动盒子的一半 和往上移动一半

<head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>DIV层居中遮罩</title> <style> #center-VH { position:absolute; top:50%; left:50%; width: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>

  

posted @ 2016-05-05 10:08  黑土白云  阅读(144)  评论(0编辑  收藏  举报