1

我正在尝试使用自动边距在窗口中心显示一个块。

我的代码是

<div class="centre-element"> This box is coming at the center of the window. </div>

CSS

.centre-element{
    width: 200px;
    height: 100px;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
}

这适用于我测试的所有浏览器，除了 IE7。有什么帮助吗？

感谢任何帮助。

4

2 回答 2

2

你不能div使用 垂直居中margin: auto，但你可以试试这个：

.centre-element {
  top: 50%;
  margin-top: -50px; /* height/2 */
}

编辑：

这是一个例子：http: //jsfiddle.net/ZD432/

于 2013-02-08T10:14:11.730 回答
0 
.centre-element{
   width: 200px;
   height: 100px;
   margin: auto;
   padding: auto;    
}
于 2013-02-08T10:13:36.180 回答