css图像放置

我有一个100%的全宽容器，我喜欢在里面有一个图像而不是背景，以便点击

如何将图像水平居中放置到容器中

以下是一个示例：

解决方案：

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

既然我已经找到了解决问题的办法，我就给你核对一下√ 对于那个会告诉我为什么蓝色框前的间距，它应该与照片相邻

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

}

.container {
text-align: center;
}

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