将div居中到网页中间?

Reg*_*ser 3 html css position alignment

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

div应该水平和垂直居中.

Spy*_*ros 8

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

.middle{
  margin: auto;
  width: 900px;
}
Run Code Online (Sandbox Code Playgroud)

  • 这是否也垂直居中? (2认同)

ste*_*ecb 6

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

标记

<div class="centered"></div>
Run Code Online (Sandbox Code Playgroud)

CSS

.centered{
    position:absolute;
    width:100px;
    height:100px;
    left:50%;
    top:50%;
    margin-left:-50px;
    margin-top:-50px;
}
Run Code Online (Sandbox Code Playgroud)

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