display: inline-block 속성 숨겨진 여백 제거

남양주개발자

·

2020. 2. 13. 00:15

728x90
반응형

block 속성을 가진 태그 안쪽에 inline element가 있으면, 기본적으로 block 속성과 inline 속성 사이에 빈 여백이 존재한다.

해결법
wrapping된 태그에

font-size:0;
letter-spacing:0;
word-spacing:0;

값을 넣어서 초기화 시켜주고 내부 태그에 다시 정의 내려주면 해결된다.

해결하기 어렵다면, float 속성으로 구현하면 해결된다.

728x90
반응형
그리드형

이 포스팅은 쿠팡파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.

💖 저자에게 암호화폐로 후원하기 💖

아이콘을 클릭하면 지갑 주소가자동으로 복사됩니다