CSS. flex-direction

개요

flex는 쓰임이 많다

알면 알수록 모르는게 산더미다

 

그 산 더미 중 일부를 덜어내고자 정리를 한다

 

개념

flex-item을 배치할 때 어떻게 배치할 것인지를 설정한다

 

flex-direction: row;

로우~ 자 글자를 봐라 양옆으로 뻗어있다

이는 양 옆으로 나열한다는 뜻이다(암기 하기 쉽게 그런거나 그렇다고 해달라)

 

flex-direction: row-reverse;

유추 가능하겠지만, 위와 같으나 나열 순서가 반대이다.

 

flex-direction: column;

컬럼 자, 모음이 다 위아래로 뻗으니 위아래로 나열한다는 뜻이다

 

flex-direction: column-reverse;

유추 가능하겠지만, 위와 같으나 나열 순서가 반대이다.

 

결론

flex 중에 가장 쉽다..... 

다른건 어렵다는 뜻이다...ㅜ