개발공부/CSS1 CSS Flex(Flexible Box) 정리 Flexbox는 인터페이스 내의 아이템 간 공간 배분과 정렬 기능을 제공하기 위한 1차원 레이아웃 모델로 설계되었다. 1차원이라고 칭하는 이유는, 레이아웃을 다룰 때 한 번에 하나의 차원(행이나 열)만을 다룬다는 의미이다. 즉 행과 열을 함께 조절하는 Grid의 2차원 모델과 대조된다. Flexbox에는 두개의 축이 있는데 이것을 주축과 교차축이다. 주축(Main Axis) 주축은 [flex-direction] 속성을 사용하여 지정하며 교차축은 이에 수직인 축으로 결정된다. 주축은 [flex-direction]에 의해 정의되고 4개의 값을 가질 수 있다. 속성 속성값 내용 flex-direction row 인라인 방향 row-reverse column 블록 방향 column-reverse row row-.. 2022. 7. 11. 이전 1 다음
