href点击区域太宽

Question

大家好我在我的页面上有一个href，但是它是宽的，我已经尝试添加display：block's但它没有帮助。

我有很多CSS所以我认为我不应该链接我的整个文档，这是一团糟。

我可以提供您可以测试的链接吗？

这是关于首页滑块下的更改链接。

Answer 1

使用：

.cycle-slideshow a {
  display: inline-block;
}

编辑：正如评论中所指出的，您还必须在伪状态（悬停，焦点和活动）中覆盖此行为。您可以使用display: inline-block !important;或使用

强制执行该规则

.cycle-slideshow a,
.cycle-slideshow a:focus,
.cycle-slideshow a:hover,
.cycle-slideshow a:active {
  display: inline-block;
}

Answer 2

display:block;是造成问题的原因，因为它将它们扩展到100％宽度。从链接样式中删除display:block;，并从:hover-style。

中删除

Answer 3

我遇到了同样的问题，但后来我意识到我忘记用 </a> 标签结束