질문/조언질답게시판
Extra Form
PHP PHP 7.4
CMS XpressEngine

https://scorefactory.io/factory2

 

상단에 네비바 버튼(a 태그) 사이에 도무지 알 수 없는 간격이 있습니다.

 

네비바1.PNG

FOLLOWERS 와 YOU 와 SAVED 사이에 간격.

A태그에 배경색을 입히니

네비바2.PNG

이렇게 간격이 있는데 도대체 어디서 나온 간격인지 모르겠습니다. 

마진, 패딩, 보더 다 아닙니다.

 

모바일에서 a 태그 너비를 33.3%로 해주고 싶은데 이 간격때문에 되지가 않습니다.

도대체 무엇일까요! 

  • profile

    display:inline-block 값을 가지는 요소들이 반복될 때 그런 현상이 발생하더군요.

    - 상위 요소를 font-size: 0 으로 하고, 해당 a태그에서 font-size를 원래 크기로 지정해주면 간격이 사라질 겁니다.

    - 아니면 html소스에서 반복되는 a태그들을 띄어쓰기나 행갈이 하지 않고 연달아서 붙여줘도 될 거구요.

  • profile profile
    세상에 상위 div에 font-size:0; 넣는 순간 마법같이 사라지네요.. 정말 감사합니다. 귀신에 홀린 기분이었습니다 ㄷㄷ
  • profile profile
    어이구 게다가 비회원은 메뉴 탭도 하나 밖에 안나오는 상태에서 질문을 드렸네요. 다시 한번 감사드려요.
  • profile profile
    워낙 잘 정리된 질문글이니까요!