css - 链接可点击区域比其图像大?

标签 css image hyperlink

我已经搜索了相当多的内容并尝试了很多方法来解决这个问题,包括隐藏 CSS 中的溢出。

我有一个链接到视频的图像,该视频的可点击区域超出了图像的范围,但仅限于右侧。

相关类:.overflow a(这是为了尝试从另一个答案中修复而添加的)

为什么这个可点击区域这么大,如何使其与它封装的图像大小相同?

Firebug 没有显示任何异常情况..

最佳答案

您的图像显示为 block ,因此它占据了父级的整个宽度。你的解决方案是这样的。

.overflow img {
  display: inline-block;
}

关于css - 链接可点击区域比其图像大?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26415042/

相关文章:

css - JQuery Mobile 将 2 个元素的宽度设置为 80% 和 20%

图像相似性和 k 均值聚类

html - Capybara - 单击基于另一个值的链接

swift - 按下按钮后全屏查看图像

android - 如何在 Android chrome 中禁用 ul li 链接缩放

html - 链接到域根目录的最佳方式是什么?

javascript - 确定 HTML 元素位置变化

javascript - 一个滑动,延迟然后自动滑出的弹出窗口

html - float 元素的动态高度

linux - 如何运行 dockerfile?