17wolfgwang
로그인
17wolfgwang
로그인
[HTML/CSS] CSS flex
17wolfgwang
·
2023년 9월 23일
팔로우
0
htmlcss
0
order : flex를 통해 배치되는 순서, 숫자가 낮을 수록 앞에 배치가 됨.
flex-grow : item의 증가 너비 비율, 기본값 0
flex-shrink : item의 감소 너비 비율, 기본값 1, 1인 경우 비율을 유지하기 위해 container 크기가 줄면 덩달아 item들의 크기도 1:1:1 비율에 맞춰 줄어듬. 0을 부여하면 container의 크기과 관계없이 줄어들지 않고 그대로 크기를 유지한다.
flex-basis
17wolfgwang
새로운 것을 두려워 하지 않고 꾸준히 뭐든 배워나가는 프론트 엔드 개발자 입니다 🧑💻
팔로우
이전 포스트
[HTML/CSS] CSS 표현 단위
다음 포스트
[HTML/CSS] CSS 전환, transition
0개의 댓글
댓글 작성