2017-04-14 43 views
2

可以使用下面的HTML将锚点设置为块元素吗?我之前在某处读过这是错误的,但我不明白为什么,这太方便了!这种方法有什么缺点,如果有的话?可以将锚标签设置为块元素吗?

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

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

这很好。 – sevenseacat

+0

使用内联块是完全正确的。 –

+0

@MrLister像造型一样,造型有问题吗? – freeworlder

回答

4

它不仅是完全可行的<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>

所以,没有必要担心。

相关问题