[CSS] <div><img src=""></div> 이미지 하단에 공백 생길때 > 기술자료

• 목록
• 게시판 리스트 옵션
  • 검색

<div><img src="이미지.png"></div> 에서 의도치 않게 이미지 하단에 공백이 생기는 현상이 있습니다.
이것은 삽입된 이미지의 높이가 13px 미만이기때문에 발생하는 현상입니다.

기본 text 의 글자크기의 기본값보다 작을 경우 그 나머지가 line-height 로 나타나기 때문입니다.
<div></div> 사이에 line-height 를 제거함로서 불필요한 공백을 제거할수 있습니다.

<div style="line-height:0px;"><img src="이미지.png"></div>