仅使可居中的图像可点击

Question

所以我在链接中得到了这个图像,我设法将图像居中,但问题是整个容器的链接,你可以点击图像的左右两边,这不是我想要的!我只想要图像可点击.

我坚持这个请求帮助.

.salo img {
  display: block;
  margin: auto;
}

<a href="#" class="salo">
  <img src="http://dummyimage.com/200x200/000/fff">
</a>

Answer 1

就这样做,不需要额外的包装.

.salo {
  display: block;
  margin: auto;
  width: 200px;
}

<a href="#" class="salo">
    <img src="http://dummyimage.com/200x200/000/fff">
</a>