반응형
flex-flow
-
CSS Flexbox : Flex-direction, Flex-flow, Nested Flexbox컴퓨터 알아가기/HTML CSS 2021. 4. 22. 19:30
Flexbox 의 축에 대해 다음과 같이 정리할 수 있습니다. 기본적으로 Main 축은 수평을 기준으로 생각하면 되고, 보조축(교차축)은 수직으로 생각하면 됩니다. Main 축은 Justify-content, Flex-wrap, Flex-grow, Flex-shrink로 생각하면 되고 교차축은 Align-items, Align-content로 보면 됩니다. Main축과 교차축은 서로 교환될 수 있습니다. 이럴경우 사용하는 속성이 Flex-direction 입니다. ※ 누누히 언급하지만 영어의 첫글자를 보기 좋게 하기 위해 대문자로 사용하는 겁니다. 코딩하는 경우는 전부 소문자로 사용하시면 됩니다. ▒ Flex-direction 속성 기본적으로 4가지 속성값을 알 필요가 있습니다. 다음 브라우저 기준으로 ..