앵커 태그를 블록 요소로 스타일링해도 괜찮습니까?

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

, 그것은 완벽하게 OK <a> 요소는 블록 또는 인라인 블록으로 스타일을 지정할하기위한 것입니다뿐만 아니라 그것은 특정 문제를 방지하기 위해, 어떤 경우에는 실제로 필요가있다.
코드의이 비트를 가지고 :

일부 브라우저에서

a {outline:1px dotted}

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

, 앵커 주위의 윤곽이 때문에 내부 사업부의, 적절한 직사각형 없습니다. 다른 것들은 윤곽이 전혀 존재하지 않습니다. 또한 a 디스플레이를 block으로 변경하면 차이가 사라집니다. 그것은 모든 브라우저에서 멋진 사각형 윤곽을 가지고 있습니다.

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

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

그래서, 걱정할 필요는 없습니다.