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;
}

（错误注释中对这个问题的建议）

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

3 个答案: