html - 如何使 <a> 在边框中可点击？

Question

假设我有一个 <a class="myclass" href="foo.htm">Click Here</a> 在 css 中是这样的:

.myclass
{
border: 2px solid #000;
padding: 1em;
}

所以<a>看起来像一个按钮，但只有在文本上单击时才会起作用，而不是在整个框中单击。我怎样才能使该框也“捕获”onClick？

Answer 1

除非您 float 元素并为其指定固定宽度，否则 block 将无法正常工作。我认为“内联 block ”会更好。

.myclass{
    display: inline-block;
    border: 2px solid #000;
    padding: 1em;
}

您可以在此处查看它的实际效果:http://jsfiddle.net/2tmzL/

浏览器对内联 block 的支持非常好:http://caniuse.com/inline-block