CSS_part1.7 flex-basis

Eugenius1st·2022년 1월 16일
0

CSS

목록 보기
8/47
post-custom-banner

flex-basis

flex-basis 는 child 에서 적용되는 property이다.
flex-basis 는 element에게 초기 size를 주는 것이다. 즉 grow 와 shrink(늘어나고 줄어나는) 전에 flex-basis를 적용하는 것이다. 거의 width와 같지만, flex-basis는 width만 있는 것이 아니다.
이는 flex-direction 이 row일 경우에 width에 설정된 것이고,

이는 flex-direction 이 column일 경우에 height가 변한다. 즉 height 의 기본 크기를 정할 수 있다.
flex-basis는 다양하게 정할 수 있다
flex-basis:30% 처럼..

하지만 많이 사용되지 않는 이유는 width와 같기 때문이다. 만약 flex-basis가 변하지 않으면 flex-basis는 width와 같다. 그리고 direction에 따라 width, height 다르다.

크기가 변하기 전의 기본 값 이라고 생각하면 된다.

profile
최강 프론트엔드 개발자가 되고싶은 안유진 입니다
post-custom-banner

0개의 댓글