inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

그리드(Grid) 핵심이론 및 실전 활용

display: grid / display: inline-grid

div*6{$} 가 먹히지 않습니다!

308

Gyeongrok Oh

작성한 질문수 5

2

설명해주신것 같이 div를 여러개 생성할때요.

div*6{$} 탭키를 쳤을때

div*6{<1></1>} 이렇게만 생성되는데 뭐가 문제일까요??ㅠ

emmit HTML/CSS 반응형-웹

답변 2

2

코딩웍스(Coding Works)

div*6{$} 탭키를 치시면 아래처럼 만들어집니다.

<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
<div>5</div>
<div>6</div>
.parent>div*6{$} 탭키를 치시면 아래처럼 만들어집니다.
<div class="parent">
  <div>1</div>
  <div>2</div>
  <div>3</div>
  <div>4</div>
  <div>5</div>
  <div>6</div>
</div>

2

코딩웍스(Coding Works)

혹시 비주얼 스튜디오 코드를 사용하시는거면 그런 문제가 있을 수 있습니다.

비주얼 스튜디오 코드는 에밋 사용할 때 보면 좀 바보 같은게 div*{$} 이렇게 만들려면 중괄호를 열면 자동으로 닫히잖아요.

그러면 커서가 중괄호 사이로 와서 $를 넣고 다시 끝으로 가면 에밋 인식을 못합니다.

그래서 닫힌 중괄호를 지우고 넣고 탭(tap)키를 치시면 됩니다.

이 부분은 블라켓츠에서는 안생기는 문제입니다. 문제.. 라고 하긴 그렇지만 좀 귀찮죠.

수업자료와 노션 공유 문제

0

4

1

'CSS Level 3: grid'의 정리본 PDF도 올려주시면 좋을 듯 합니다.

0

54

2

경력기술서는 어떤 방향이 좋을까요?

0

52

2

왜 https://via.placeholder.com/150 등 링크가 연결이 안되나요?

0

74

3

어플리케이션 실행 후 에러에 관하여 질문 드립니다.

2

60

2

26,27강 진행 간 노션, html 프롬프트 파일 불일치

0

67

3

<div id="banner">배너 이미지</div> 관련 질문

0

34

1

변수 설정 시에 질문입니다.

0

39

2

설치 및 설정 가이드 노션 자료는 없나요 ?

0

44

2

counter01.html은 어디있을까요?

1

29

1

수업자료 문의

0

39

2

part3. spy 쪽 / part3,part4 강의자료

0

57

2

최종 코드

0

62

2

Open AI 결제

0

75

2

figma 파일을 받을 수가 없어요

0

64

1

grid-row, grid-column span에 관한 질문

1

100

2

창 높이가 작을 때 레이아웃 깨짐현상

0

116

1

안녕하세요 두 가지 고민이 있어서 질문 합니다^^

1

358

1

holly grail layout에 대한 질문 입니다.

1

331

1

grid-gap에 대해서 질문드립니다!

1

1530

1

에밋 단축키 관련해서 질문 있어요

1

318

2

영상에는 없지만,

1

295

2

PC버전,모바일 버전 다 이상없이 되는데

1

393

4

10:50초경 질문입니다

1

190

1