如何使DIV部分可点击?

chu*_*tar 5 html javascript css php

我写了一个网页,其中的链接都包含在自己的标签中.我也用CSS(边框,背景颜色,填充)制作了所有按钮样式.如何启用单击整个DIV以激活链接?

Lan*_*ney 17

实现这种效果(使链接像按钮一样)的最佳方法是将css应用于链接本身.这是一个基本的例子:

a.mylink {
display: block;
padding: 10px;
width: 200px;
background-color: #000;
color: #fff;
}
Run Code Online (Sandbox Code Playgroud)

测试一下 - 整个按钮都是可点击的.它尊重浏览器的正常链接操作,如右键单击,状态URL信息等.

  • 对于某些人来说可能是新的是在链接中添加"display:block".默认情况下,DIV是"阻止"级别,链接是"内联".如果你想让一个内联元素像div一样(和其他块元素),就像上面给它一个"display:block". (6认同)
  • 如果你想点击的div包含其他div,这将无效,因为你无法在<a>标签内嵌入div. (4认同)