Website/CSS

Flexbox(part.2)

MoZZANG 2022. 2. 13. 13:01

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