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

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>

所以,不用担心.