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

2019: &nbsp;&nbsp;<a href='http://taizidian.cn/invest-ways/6850.html' title='比特币在2020年价格预测、比特币2020年减半时间及行情分析' target='_blank'>比特币在2020年价格预测、比特币2020年减半时间及行情分析(0)
2019: &nbsp;&nbsp;<a href='http://taizidian.cn/invest-ways/6848.html' title='Bitrading888商业模式分析和基本介绍 提现时间有变化' target='_blank'>Bitrading888商业模式分析和基本介绍 提现时间有变化(0)
2016: &nbsp;&nbsp;<a href='http://taizidian.cn/buildwebsite/2939.html' title='wordpress博客被恶意挂马 怎么办' target='_blank'>wordpress博客被恶意挂马 怎么办(1)
2015: &nbsp;&nbsp;<a href='http://taizidian.cn/resourceadvise/1479.html' title='读点大脑科学，学会变得更聪明' target='_blank'>读点大脑科学，学会变得更聪明(0)

2018/09/0722:43:25已关闭评论 888

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

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

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

<p>
<a href="http://taizidian.cn/wp-content/uploads/2018/09/2018090315274957.jpg" data-fancybox="group">
<img class="aligncenter size-full wp-image-6462" src="http://taizidian.cn/wp-content/uploads/2018/09/2018090315274957.jpg" alt="css实现文章图片img“消除空白可以点击” 只能点击图片" alt="" width="299" height="512">
</a>
</p>

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

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