建站

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

gena2.0

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

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

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

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

将父级P标签设置CSS: text-aligncenter;将IMG标签设置:displayinline;

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

本文由 格娜小屋 作者:子轩 发表,转载请注明来源!

关键词:
gena2.0

热评文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注