inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

문과생이 가르쳐 주는 퍼블리싱 - 클론코딩

하단 공통 영역 스타일

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

해결된 질문

329

박종규

작성한 질문수 7

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 기술을 사용하셔서 연습해보셔도 되세요

 

198강 (){onTap(e);}의 이해 돕기

0

39

1

더백님 감사합니다

1

41

1

video_call 플러그인 설치후 에러 발생

0

47

1

MCP 연동 인텔리제이 2.6.1

0

134

2

MCP 연동관련

0

142

4

클로드 개발자 구성편집 설정시 문제점

0

100

2

2025.3.3 인텔리제이 버전에서 MCP설정하는 방법

0

363

2

SDK 안드로이드 설치 질문!

0

62

1

가상의컨테이너에 파일생성이 됩니다.

0

71

2

코드팩토리 디스코드 링크 다시 부탁드려요~

0

93

1

claude_desktop_config.json 설정도 해야하는거죠?

0

150

2

Webview를 이용해서 URL 상의 페이지 출력 불가

0

71

1

홈스크린 함수를 함축해서 main.dart에 옮기는 문제

0

56

1

수강 기한 연장 문의

0

50

2

플레이스토어

0

60

1

아고라 엔진 init 함수의 반환타입이 Future<void> 이것의 의미는 무엇인가요?

0

56

1

가이드라인 질문

0

59

0

emulator 에러 환경설정 뭐가 문제 일까요??

0

78

1

이미지 배경 문의

0

68

1

emulator 실행 오류

0

95

3

Column을 가로방향 최대 사이즈를 차지하도록 하는 방법에 관련

0

73

1

pubspec.yaml에서 font를 추가하면서 weight 값을 지정하는 것이 의미가 있는 것인지 문의

0

44

1

제이쿼리 연결 질문드립니다.

0

327

1

background 질문입니다

1

354

1