带有超链接的图像 - 可点击区域超过图像

Question

我的 WordPress 网站上的图库有问题：图库中的每张图片都有一个超出图片的可点击区域。例如，如果我有一个只有一张图片的图库，超链接会在图片的左右两侧延伸整个内容长度。我只想要图像本身的超链接，我不希望在单击图像左侧或右侧的任意位置时打开图像。（示例图库：https://blog.ovidiuav.com/2018/11/09/nou-autor-blog/）

如有任何帮助，我们将不胜感激。

谢谢！

Answer 1

将以下内容添加到您的 css 文件中，

.gallery-icon{
width: fit-content;
margin: auto;
}

Answer 2

没有任何代码很难判断实际问题出在哪里，也许使用包裹图像的锚元素？并将图像调整到您需要的尺寸。

<a href="www.twitter.com" target="_blank">
  <img class="image" src="https://helpx.adobe.com/uk/stock/how-to/visual-reverse-image-search/_jcr_content/main-pars/image.img.jpg/visual-reverse-image-search-v2_1000x560.jpg" title="Butterfly">
</a>

Answer 3

这个 CSS 修复了它：

.gallery .gallery-icon img {
display: inline-block;
}

（misorude 在对问题的评论中提出的建议）

带有超链接的图像 - 可点击区域超过图像

Image with hyperlink - clickable area exceeds image

css

wordpress

gallery

hyperlink