디자인 썸네일형 리스트형 [CSS] Flexbox 1. flexbox 축 (1) Main Axis (flex-direction으로 정의) - row, row-reverse : 인라인 방향으로 행을 따른다(가로축). - column, column-rverse : 상단에서 하단으로 블록 방향을 따른다(세로축). (2) Cross Axis - 주축(flex-direction)에 대한 수직 축을 말한다. - 주축이 row, row-reverse 면 열 방향이다(세로축). - 주축이 column, column-reverse 면 행 방향이다(가로축) (3) 예시 : flex-direction : row의 주축과 교차축 2. 시작선과 끝선 - flexbox는 글씨를 쓰듯 오른쪽에서 왼쪽으로 요소가 배치되는 것을 가정하지 않는다. - 요소는 start에서 시작해 en.. 이전 1 다음