Flexbox에는 justify-content나 align-items 말고도 몇 가지의 속성이 더 있다.
Main axis와 Cross axis의 위치를 서로 바꾸고 싶을 때 사용하는 'flex-direction'
https://developer.mozilla.org/ko/docs/Web/CSS/flex-direction (flex-direction 설명)
화면의 크기에 따라 box들이 겹치지 않게 사용하고 싶을 때 사용하는 'flex-wrap'
https://developer.mozilla.org/ko/docs/Web/CSS/flex-wrap(flex-wrap 설명)
더 다양한 flex 기술들이 있겠지만 초심자인 나 같은 사람은 Flexbox part1,2의 내용을 기초로 하여 지식을 늘려가자.
'Website > CSS' 카테고리의 다른 글
[CSS]Relative & Absolute (0) | 2022.03.01 |
---|---|
position : fixed (0) | 2022.03.01 |
Flexbox (part.1) (0) | 2022.02.13 |
Class (0) | 2022.02.13 |
Padding (0) | 2022.02.13 |