inflearn logo
강의

講義

知識共有

グリッド(Grid)の核心理論と実用的な活用

display: grid / display: inline-grid

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

328

Gyeongrok Oh

投稿した質問数 5

2

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

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

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

emmit HTML/CSS 반응형-웹

回答 2

2

codingworks

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

codingworks

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

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

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

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

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

10월 15일 삭제예정 강의 문의

0

11

0

강의가 중복됐어요

0

24

0

결제가 이루어지는 방식에 대한 문의

0

36

1

강의제목에 10/15일 삭제라고 나와있는데,

0

45

1

선생님 강의자료를 받을수 없어요! 메일보냈어요.

0

54

2

1강 동영상 재생 오류

1

65

2

헤더에서 empty column이 삭제가 안되고, 헤더 레이아웃을 동영상처럼 선택하는 옵션이 안나오는데 어떻게 하나요?

0

37

1

Composition단계에서 `Layer`는 누가 만드는지

0

41

1

Strict Mode 예시 질문!

0

58

2

해당 플러그인을 설치했는데 추가 지원 안될 수 있다고 다른 플러그인을 깔아보라는데 어떻게 해야하나여?

0

54

2

만일 실물을 택배로 배송해야 할 경우 주소지 입력하는 방법이 궁금해서요.

1

88

4

설명이 잘못된거같습니다.

1

72

2

31강 학습자료에 프롬프트가 엉뚱한것이 있어요

1

64

1

bitnami 설치

0

39

0

강의 소스 코드는 어디서 볼수 있나여?

1

68

1

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

1

120

2

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

0

140

1

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

1

374

1

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

1

348

1

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

1

1550

1

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

1

345

2

영상에는 없지만,

1

315

2

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

1

421

4

10:50초경 질문입니다

1

204

1