inflearn logo
강의

講義

知識共有

[コードキャンプ]強力なCSS

flex レイアウト2

flex 레이아웃2 강의 질문입니다.

解決済みの質問

263

kajinori

投稿した質問数 2

0

 강의 잘 보고 있습니다.

flex 레이아웃2 강의에서

8:12초 부근에서

flex-flow에 관해서 설명해주시고 있는데

flex-direction: row;
flex-wrap: wrap;

이것이

flex-flow: column wrap과 같다고 하셨는데

row가 column이 된 이유가 있나요? 이 부분이 헷갈려요 ㅠ

HTML/CSS

回答 1

0

eejuhee

kajinori님 안녕하세요 ☺️

강의에서 해당 부분은 위의 두 속성을 단축 속성으로 활용하는 방식을 설명드리기 위한 코드입니다.

따라서, 동일한 스타일을 지정해주기 위해서는 flex-flow: row wrap;으로 지정해주시는 것이 맞습니다.

 

추가로 flex-flow에 대해서 설명드리자면,

flex-flow 속성은 flex-directionflex-wrap의 단축 속성으로,

각각에 해당하는 값을 단독 혹은 복수로 입력하여 활용하실 수 있습니다.

또한, 지정하지 않은 속성에 대해서는 row nowrap이 기본적으로 지정됩니다.

 

더 궁금한 점이 있으시면 질문 남겨주세요!

감사합니다.

background vs background-color

0

28

1

노션 자료위치

0

85

2

강의 수강 후 실습

0

327

1

강의 내용과 같은 작업을 쉽게 도와주는 라이브러리 같은 것도 있나요?

1

311

1

강의학습시 작성한 코드를 블로그에 올려도 될까요?

0

394

2

안녕하세요 이미지 관련해서 질문이 있습니다,

0

365

1

codepen질문입니다.

0

304

2

transition질문있습니다~

0

349

1

섹션 5. position 강의 중 absolute와 relative의 사용법에 대한 질문 있습니다!

0

225

1

노션 학습 링크

0

374

1

반응형 실습

0

284

2

@media 미디어 쿼리 적용 안되는 이유

0

1262

1

35분 강의 내용중 :after 사용관련

0

270

2

코드캠프 로드맵 이후 질문사항

0

328

1

diary-date 부분 질문

0

314

1

transform 3번째 강의 질문

0

313

1

강의자료

0

470

1

학습자료 요청건

0

396

1

레이아웃 질문드려요~

0

384

1

vscode 새로운 폴더 불러오기

0

391

1

grid속성 6:36에 나오는 것.

0

318

1

left:calc(100% - 100px) 질문드립니다.

0

734

1

텍스트박스안에서 padding-bottom 이 이렇습니다

0

400

2

단위심화 강의 중 질문 있습니다.

0

346

1