Img bottom에 남는 흰 줄 제거하기

이동환·2021년 3월 8일
2

TIL

목록 보기
65/74

img 태그를 사용하다보면 아래와 같이 흰줄이 조금하게 생기는것을 볼 수 있다.

이를 제거하기 위해서 우리가 할 수 있는 방법은 두가지 이다.

1. display를 block 으로 설정하기

-> 브라우저가 이미지 엘리멘트는 inline과 텍스트로 취급하기 때문에 블락으로 바꾸는 순간 하얀 선이 지워진다.

2. vertical-align: bottom 으로 설정하기

-> 1번과 같은 방법을 못 쓸경우는 2번과 같은 방법을 사용하자.
vertical-align 프로퍼티의 디폴트값은 baseline이다

profile
UX를 개선하는것을 즐기고 새로운것을 배우는것을 좋아하는 개발자입니다.

0개의 댓글