Flex1 CSS flex 기본 flex로 css를 작업할 때 항상 유의해야 하는 것이 바로 축이다. 축은 결국 방향을 가리키는데 화살표로 기억하면 쉽다. 이 화살표는 flex-direction으로 설정할 수 있다. flex-direction: row | row-reverse | column | column-reverse row: 아이템을 → 방향으로 배치 (기본값) row-reverse: 아이템을 ← 방향으로 배치 column: 아이템을 ↓ 방향으로 배치 column-reverse: 아이템을 ↑ 방향으로 배치 이 화살표 방향을 따라 내부 아이템들을 배치시킨다. 내부 아이템의 속성이 많은데 괄호 안의 화살표를 기반으로 동작하기 때문에 이 방향을 확실히 인지하고 있어야 한다. 먼저 justify-content는 flex-direction.. 2020. 3. 12. 이전 1 다음