将锚标签设置为块元素是否可以？

Question

使用下面的HTML将锚定为块元素是否可以？我之前在某处看过它是错的，但我看不清楚为什么而且它太方便了！如果有的话，这种方法的缺点是什么？

<style>
a.button{
display:inline-block;
padding: 10px 20px;
border: 1px solid grey;
}
</style>

<a class="button" href="#link">Click me!</a>

Answer 1

将<a>元素设置为块或内联块不仅非常完美，在某些情况下，实际上有必要避免某些问题。
拿这段代码：

a {outline:1px dotted}

Click <a href="#"><div>here</div></a>

在某些浏览器中，由于内部的div，锚点周围的轮廓不是正确的矩形形状。在其他情况下，大纲根本就没有。如果您还将a的显示更改为block，则差异会消失;它在所有浏览器中都有一个漂亮的矩形轮廓。

a {outline:1px dotted; display:block}

Click <a href="#"><div>here</div></a>

所以，不用担心。