반응형
Wrap
-
CSS Flexbox : Flex 속성축약, Flex-wrap, Align-content컴퓨터 알아가기/HTML CSS 2021. 4. 21. 19:30
지난시간까지 Flex-grow, Flex-shrink, Flex-basis의 3가지 속성에 대해 연습해 보았습니다. 이 3가지를 다음과 같이 CSS에서 나타낸다고 가정해 보겠습니다. 이럴 경우 순서대로 다음과 같이 나타낼 수 있습니다. 이는 속성값만 표시하면 grow, shrink, basis 순으로 CSS는 인식한다는 이야기입니다. 그렇다면 다음은 무엇을 뜻할까요? 정답은 Flex-grow값과 Flex-shrink값입니다. 그렇다면 다음은요? 정답은 Flex-grow와 Flex-basis 값입니다. 그런데 기억해야 될 사항은 Flex-shrink와 Flex-basis에 대한 속성 축약은 없습니다. ▒ Flex-wrap 상위 Class(Container)의 영역이 하위 Class(contents)영역보다..