HTML5 이미지에 자동으로 여백이 들어가는 문제.

HTML5로 독타입을 지정한 후

<div> 엘리먼트안에 <img>를 넣었는데, 자꾸 bottom에 여백이 3px 가량 들어갔다.


css문제는 아니었다. 독타입을 제거한 후에는 괜찮았으니….


하지만 확실한 원인과 해결방법을 찾지 못하고 <div>에 font-size:0px 을 주거나, 이미지에 display:block을 주는 방식으로만

여백을 없앨 수 있었다.

혹시나 이 같은 문제를 확실히 해결 할 수 있는 방법을 아시는 분은 댓글을 남겨주시면 참 감사하겠다.

댓글 남기기