flexbox (1) 썸네일형 리스트형 반응형 CSS 및 Flexbox Flexbox를 다루려면 주축과 교차축을 이해 해야한다. 주축은 flex-direction에 의해 정의되고 4개의 값을 가질 수 있다. row 혹은 row-reverse를 선택하면 주축은 인라인 방향으로 행을 따른다. row로 설정한다면 주축은 왼쪽에서 오른쪽 방향이고, row-reverse는 반대이다. column 혹은 column-reverse 을 선택하면 주축은 페이지 상단에서 하단으로 블록 방향을 따른다. column으로 설정한다면 주축은 위에서 아래 방향이고, column-reverse는 반대이다. 교차축은 간단하다. 위에서 말한 주축과 수직되는 방향이다. 주축이 row면 교차축은 column, 주축이 column이면 교차축은 row다. flex-direction이 row일 때 HTML 삽입 미.. 이전 1 다음