[문제해결해보기] image 밑에 흰 여백

 

전역배지 만들어보기

이미지 밑에 자세히 보면 하얀 줄이 있다.... 

문제 해결은 역시나 구글링...(구선생님 구구구)

참조사이트 : 

https://aboooks.tistory.com/193

[html/css] div 이미지 공백 없애기

 

image는 인라인 요소이므로 밑에 보이지 않는 흰 줄이 생긴 것. 

보이지 않는 라인박스를 만든다고. 

 

방법은 diplay: block; 를 넣는것..

header .badges .badge img {
  height: 130%;
  display: block;
}

 

짜란~~~~~~~~

 

(CSS 잘했으면 좋겠다아)

 

후기..... 

그런데 내가 성급했나보다 

다음장에 넘겨보니 

문제해결방법을 알려주셨다......

ㅎ하하하하핳ㅎ하하핳하핳핳 

그래도 괜찮다... 

직접 찾아본게 더 기억에 남을테니^^