html - 可以将 anchor 标记设置为 block 元素吗？

Question

可以使用下面的 HTML 将 anchor 样式设置为 block 元素吗？我之前在某处读到这是错误的，但我不明白为什么，而且它太方便了!这种方法有什么缺点(如果有的话)？

<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> 来说完全没问题将元素样式设置为 block 或内联 block ，在某些情况下实际上是必要的，以避免某些问题。
采取这段代码:

a {outline:1px dotted}

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

在某些浏览器中，由于内部有 div， anchor 周围的轮廓不是正确的矩形形状。在其他情况下，轮廓甚至根本不存在。如果你也将a的显示更改为block ，差异消失；它在所有浏览器中都有一个漂亮的矩形轮廓。

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

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

所以，不用担心。