Question

我已经阅读了与此事有关的其他SO问题，但我无法找到问题的答案。

我想在宽度和高度等于100％的div中水平和垂直居中。换句话说，如果有人调整浏览器窗口的大小，图像应该保留在窗口的中心，无论它的当前大小。

我曾尝试JsFiddle某些东西，但无法使其发挥作用。

我怎样才能让它发挥作用？可能吗？有人可以在JsFiddle中展示一个操作示例吗？谢谢！

Answer 1

您可以使用固定位置，甚至不需要包装div（如果您愿意，可以添加它）：

img {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -16px;
  margin-left: -16px;
}

边距是图像尺寸的一半（你提到它已知）。

Answer 2

您是否尝试过这样的CSS：

background:url(your_image.jpg) no-repeat center center;