css – 将div居中到网页中间？

我想让我的div位于网页的中间位置.我正在尝试制作一个预加载器div,它应位于网页的中间位置,在页面加载后,该div将被隐藏.我怎样才能做到这一点？

div应该水平和垂直居中.

以hor和ver为中心你可以这样做：

标记

<div class="centered"></div>

CSS

.centered{
    position:absolute;
    width:100px;
    height:100px;
    left:50%;
    top:50%;
    margin-left:-50px;
    margin-top:-50px;
}

小提琴：http://jsfiddle.net/steweb/qSvAQ/1/