HTML 버튼 앵커 디스플레이 블록은

Question

내용에 따라 자동으로 크기를 조정 나던

앵커 태그는, 다음의 예를 참조하십시오

http://jsfiddle.net/XmnnY/

내가 디스플레이 인라인 또는 디스플레이 인라인 블록을 사용할 수 있습니다 알고,하지만 나는 것을 필요 앵커 태그는 내부 html 크기 (이 경우 텍스트)에 따라 너비를 자동으로 설정합니다.

도움 주셔서 감사합니다.

Answer 1

사용 플로트 : 왼쪽/오른쪽 (당신이 할 수있는 경우) 맑은 : 모두 다음 항목, 또는

사용 인라인 블록하지만 내부에서, 인라인 블록을 표시하기 때문에 모든 공간을 모두 공백 반환을 제거 HTML

<a href="#" style="display:block;float:left;"> 
    <img src="button.gif" /> 
</a> 
<div style="clear:both">next element</div> 

은 괜찮뿐만 아니라

<a href="#" style="display:inline-block;"><img src="button.gif" /></a> 

참고 나는 태그 내부의 모든 반환과 공백을 제거한

플로트 : http://jsfiddle.net/XmnnY/18/ InlineBlock : http://jsfiddle.net/XmnnY/16/

Answer 2

스타일을 display: block으로 지정 했으므로 사용 가능한 전체 너비를 사용합니다.

하드를 width으로 설정하거나 디스플레이를 inline-block으로 변경하십시오.

inline-block으로 변경하면 JS를 사용하여 동적으로 너비를 변경하거나 생성 한 문제를 해결할 수있는 이유가 있습니다.