• 카테고리

    질문 & 답변
  • 세부 분야

    웹 개발

  • 해결 여부

    해결됨

.col_b.tabs 부분 질문드립니다!!

23.03.28 14:18 작성 조회수 189

1

스크린샷 2023-03-26 오후 7.34.14.png.col_b .tabs 강의에서 위 사진에서 잡히는 작은 여백을 없애기 위해서

.dm_body .col_b .tabs {

text-align: center;

font-size: 0;

}

을 사용하셨는데 계속 생각하고 고민해도 원리를 이해하지 못해서 질문드립니다ㅠㅠ

답변 1

답변을 작성해보세요.

1

안녕하세요 :)

display:inline-block => 이 스타일은 inline(텍스트도 여기 포함) 성격들을 그대로 가지고 있어요.

태그에 inline 을 주고 현제 li들이 한 줄 내려가면서 공백을 만들었고 있죠

li를 <li><a href="#views1" class="current">인기순 강좌</a></li><li><a href="#views2">대상별 강좌</a></li><li><a href="#views3">분야별 강좌</a></li> 다닥다닥 붙이면 공백이 사라지는 거

확인 되세요.

inline 은 한 줄 내려가거나 한 칸 띄어지면 공백이 생겨요. 텍스트 처럼..

만약 공백이 싫다면

display:flex, float:left 기술을 사용하셔서 연습해보셔도 되세요