flex box
flex-basis
flex item의 초기 너비를 지정, 이후 남은 공간은 증가/감소(glow/shrink) 근거로 공간분배
flex-glow
flex item의 너비를 늘어나도록 정의해 줄 수 있는 속성
flex-glow: 1 일 경우 컨테이너 너비에 맞춰 균등하게 배분
flex-glow: 0 일 경우 컨테이너 너비에 맞춰서 늘어나지 않음
flex-shrink
flex item의 너비르 줄어들도록 정의해 줄 수 있는 속성
flex 속기형
.flex-item {
flex: flex-glow [flex-shrink] [flex-basis]
}flex-wrap
- nowrap : 기본값, flex item항목들이 wrap 되지 않도록 지정
- wrap : flex item항목들이 컨테이너 안에서 여러 줄로 열 바꿈 허용
