flexbox css sass flex-flow flex-wrap flex-direction (1) 썸네일형 리스트형 css flexbox, flex-direction, flex-wrap flexbox 사용 목적 => 부모 요소 내부에 포함된 자식 컨텐츠의 정렬을 쉽게 가능하게 한다 ul 이 li의 부모 (parent) 가 된다 flex-box 적용 전 모습 css code 이 상태에서 부모 요소인 ul에 flexbox 적용 시 자식 요소(li)들이 세로 (Row, mainAxis = row, crossAxis = Column)로 정렬되는 것을 확인할 수 있다 flexbox 적용 시 자식 요소들에 대해 정렬이 가능하다 부모 요소에서 적용 가능한 property는 다음과 같다 1. flex-direction 1.1 flex-direction: row; 디폴트 값으로 설정되어 있으며 자식 요소들의 방향이 row로 정렬 2.2 flex-direction: row-reverse; 플렉스 컨테이너.. 이전 1 다음
