[CSS] img하단 공백없애기

image 밑에 공간이 왜 생길까?

img 태그는 inline 요소이기 때문입니다.
inline 요소는 블록 요소와 달리 가상의 기준선에 맞춰서 그려지게 됩니다. (텍스트의 기본 행간에서 생기는 여백이라고 생각하면 됩니다.)

image 밑에 공간 없애는 방법

• vertical-align : bottom은 아래삐침이 있는 글자까지 고려하여 하단으로 정렬합니다.

• display : block로 변경합니다.

• img의 부모 요소에 font-size: 0;을 적용합니다.