🤍 전 강의 25% 할인 중 🤍

2024년 상반기를 돌아보고 하반기에도 함께 성장해요!
인프런이 준비한 25% 할인 받으러 가기 >>

  • 카테고리

    질문 & 답변
  • 세부 분야

    웹 개발

  • 해결 여부

    해결됨

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

22.12.30 19:42 작성 조회수 167

0

 강의 잘 보고 있습니다.

flex 레이아웃2 강의에서

8:12초 부근에서

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

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

이것이

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

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

답변 1

답변을 작성해보세요.

0

코드캠프_Gee님의 프로필

코드캠프_Gee

2023.01.02

kajinori님 안녕하세요 ☺️

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

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

 

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

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

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

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

 

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

감사합니다.

채널톡 아이콘