Question

我有两个div，一个在另一个之上。我希望他们成为100％的死亡中心。使用顶部div，在页面调整大小时停留在中心。他们以我为中心，但对于很多人来说，他们并非如此。

我尝试过使用边距并使用百分比，但仍然不完美。有没有解决这个问题？

我目前正在使用

position:absolute; left:32%; top:24%;margin: auto;z-index:-1;

谢谢！

Answer 1

如果您的div的宽度和高度是固定的，您可以使用负边距将其居中。

例如，如果你有一个300x200的div，你可以这样居中：

div {
  position: absolute;
  width: 300px;
  height: 200px;
  left: 50%;
  top: 50%;
  margin-left: -150px;
  margin-top: -100px;
}

Answer 2

在Firebug上快速搞乱：

<div class="my_img" 
     style="position: absolute; top:50%; width: 100%;">
    <img width="690" 
         height="425" 
         style=" margin: auto;z-index:-1; margin-top: -212px;"  
         src="http://dekkro.no-ip.org/images/testimage.png">
</div>
<div id="container" 
     style="position : absolute; 
                 top : 0; 
               width : 100%; 
         margin-left : auto; 
        margin-right : auto; 
              height : 600px; 
             z-index : 5;">

如果你需要它在滚动时保持居中，那么请在第一行：

<div class="my_img" 
     style="position: fixed; top:50%; width: 100%;">

Answer 3

在我做的那天，就像在这里描述：http://www.wpdfd.com/editorial/thebox/deadcentre4.html

现在也许有更好的现代化方式，否则你可以使用它......

完全中心图像和div

3 个答案: