gpt4 book ai didi

html - 带有img的可点击div?

转载 作者:太空宇宙 更新时间:2023-11-03 19:54:23 32 4
gpt4 key购买 nike

我有一个 div,我想使其可点击。我知道我需要使 div(和?)链接具有固定的宽度和高度 + display: block 。我在 div 中有一个图像。看起来“可点击”div 实际上是一个大的透明链接,并且此点击不能很好地处理图像,因为它不共享空间。我需要右键单击图片并点击另存为。

那么如何使 div 可点击。我尝试设置 img 宽度和高度,但它使 img 拉伸(stretch)。

最佳答案

您可以设置 <a>标记以填充整个父级。示例:

<div>
<a href="..." style="display: block; height: 100%">
<img src="..." alt=".." />
</a>
</div>

和整个<div>将是可点击的。

关于html - 带有img的可点击div?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2479862/

32 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com