html - 在屏幕中居中 BIG div

Question

我会尽量具体地回答这个问题。在过去的 2 个小时里，我一直在搜索整个谷歌，但我不知道如何搜索到这样的东西。

我有一个很大的 div，尺寸是 10,000 像素 x 10,000 像素。我想做的是用一个大照片集填充它(这是一个本地网站，我想做成一个大的数码照片墙)。

我可以在 css 中进行 10,000px x 10,000px 的潜水，这不是问题。我想要的是:当有人打开页面时，页面必须在“中间”，这样正好在 div 中间的照片也在页面中间，这样访问者就可以上去，向下、向左和向右滚动以查看其余部分。我做了一个小图像来帮助它。

编辑:这是我到目前为止得到的

        <div id="hover">hover</div>
    <div id="pinboard-container">
        <div id="pinboard"></div>
    </div>

https://jsfiddle.net/etk8478c/

Answer 1

我建议您先实际尝试一下，这样我们才能更快地了解您想要做什么。我想我用 CSS 做了你想要的，但用了一个更小的 div。 JSFiddle

这是重要的部分(如果您不想让 div 位于所有内容之上，请删除 z-index，将边距中的“100”设置为 div 高度和宽度的一半，因此在此示例中，div 具有高度为 200，宽度为 200。):

  position:fixed;
  z-index: 100;
  top:50%; 
  left:50%;
  margin:-100px 0 0 -100px;