将div居中到网页中间?

时间:2011-02-08 08:46:50

标签: css html position alignment

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

div应该水平和垂直居中。

2 个答案:

答案 0 :(得分:8)

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

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

答案 1 :(得分:6)

将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/