인프런 커뮤니티 질문&답변

kajinori님의 프로필 이미지
kajinori

작성한 질문수

[코드캠프] 강력한 CSS

flex 레이아웃2

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

해결된 질문

작성

·

190

0

 강의 잘 보고 있습니다.

flex 레이아웃2 강의에서

8:12초 부근에서

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

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

이것이

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

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

답변 1

0

kajinori님 안녕하세요 ☺️

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

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

 

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

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

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

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

 

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

감사합니다.

kajinori님의 프로필 이미지
kajinori

작성한 질문수

질문하기