如下图,当鼠标移入到黄色背景区域,就出现可以点击图片的手型。
目的就是:“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;
实现了目标,但是不完美。
- 我的微信
- 这是我的微信扫一扫
- 我的微信公众号
- 我的微信公众号扫一扫