将div居中到网页中间？

Question

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

div应该水平和垂直居中.

Answer 1

<div class = 'middle'></div>

.middle{
  margin: auto;
  width: 900px;
}

Answer 2

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

标记

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

CSS

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