css实现文章图片img“消除空白可以点击” 只能点击图片

如下图，当鼠标移入到黄色背景区域，就出现可以点击图片的手型。

目的就是：“img标签外的部分不能点击”。只能点击图片。

在文章的图片“消除空白可以点击”，根据思否网站一篇文章，包裹img的a标签为什么不和img元素一样大。

<p>
<a href="https://taizidian.cn/wp-content/uploads/2018/09/2018090315274957.jpg" data-fancybox="group">
<img class="aligncenter size-full wp-image-6462" src="https://taizidian.cn/wp-content/uploads/2018/09/2018090315274957.jpg" alt="" width="299" height="512">
</a>
</p>

将父级P标签设置CSS： text-align: center;将IMG标签设置：display: inline;

实现了目标，但是不完美。