목록2024/08/13 (1)
코딩하는 김딸기
Flexbox III: Flex Direction을 활용,
flex-direction flex-direction속성으로 Flex Container의 동작 방식을 바꿀 수 있습니다.Flex Container요소는 기본적으로 메인축 (Main Axis)과 교차축 (Cross Axis)로 이루어져 있습니다.위와 같은 값을 이용하여 이 메인축과 교차축의 작동 방식을 바꿉니다.flex-direction: row: 왼쪽에서 오른쪽으로의 방향성을 가지고 있습니다. Flex Items요소들이 가로로 배치 됩니다. (direction속성에 영향)flex-direction: row-reverse: row값의 반대, 일반적으로 오른쪽에서 왼쪽의 흐름으로 배치됩니다.flex-direction: column: 메인축 방향이 위에서 아래로 바뀌게 됩니다. 이에 맞춰 교차축 방향도 바뀌..
카테고리 없음
2024. 8. 13. 18:47