中心BIG div在屏幕上

Question

我将尝试具体解决这个问题。过去2小时我一直在谷歌搜索，但我不知道怎么搜索这样的东西。

我有一个大div，尺寸为10,000像素x 10,000像素。我想要做的就是用一个大的照片填充它（这是一个本地网站，我想像一个大的数码照片墙）。

我可以用css潜水10,000px x 10,000px，这不是问题。我想要的是：当有人打开页面时，页面必须“在中间”，这样正好位于div中间的照片也位于页面中间，因此可以上升，向下，向左和向右滚动以查看其余部分。我已经制作了一个小图片来帮助它。

编辑：这是我到目前为止所做的

std::string s;
std::string& sr = s;

auto xr1 = sr; // std::string xr1 -> copy
auto& xr2 = sr; // std::string& xr2 -> reference
decltype(auto) xr3 = sr; // std::string& xr3 -> reference

auto xv1 = s; // std::string xv1 -> copy
auto& xv2 = s; // std::string& xv2 -> reference
decltype(auto) xv3 = s; // std::string xv3 -> copy

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;