css图像放置

Question

我有一个全宽容器（100％），我喜欢在NOT A BACKGROUND里面有一个图像用于点击目的......

如何将图像水平居中放入容器？

这是一个示例：http://notrepanorama.com/test/

---

解决方案：

.centerimage {
    margin-left: -960px;
    width: 1920px;
    left: 50%;
    position: absolute;
}

---

由于我已经找到了解决问题的方法，我会将检查过的（√）给一个会告诉我为什么蓝色框之前的间距，它应该与照片相邻

Answer 1

<div style="text-align: center;">
  <a href="/">
    <img src="image.png" />
  </a>
</div>

Answer 2

.container {
text-align: center;
}

Answer 3

.container img {
display: block;
margin: 0 auto;

}