https://scorefactory.io/factory2
상단에 네비바 버튼(a 태그) 사이에 도무지 알 수 없는 간격이 있습니다.
FOLLOWERS 와 YOU 와 SAVED 사이에 간격.
A태그에 배경색을 입히니
이렇게 간격이 있는데 도대체 어디서 나온 간격인지 모르겠습니다.
마진, 패딩, 보더 다 아닙니다.
모바일에서 a 태그 너비를 33.3%로 해주고 싶은데 이 간격때문에 되지가 않습니다.
도대체 무엇일까요!
| PHP | PHP 7.4 |
|---|---|
| CMS | XpressEngine |
-
-
세상에 상위 div에 font-size:0; 넣는 순간 마법같이 사라지네요.. 정말 감사합니다. 귀신에 홀린 기분이었습니다 ㄷㄷ -
어이구 게다가 비회원은 메뉴 탭도 하나 밖에 안나오는 상태에서 질문을 드렸네요. 다시 한번 감사드려요.
-
워낙 잘 정리된 질문글이니까요!
display:inline-block 값을 가지는 요소들이 반복될 때 그런 현상이 발생하더군요.
- 상위 요소를 font-size: 0 으로 하고, 해당 a태그에서 font-size를 원래 크기로 지정해주면 간격이 사라질 겁니다.
- 아니면 html소스에서 반복되는 a태그들을 띄어쓰기나 행갈이 하지 않고 연달아서 붙여줘도 될 거구요.