본문 바로가기
웹코딩 배우기/· CSS

flex 아이템 속성 / order, grow, shrink, basis, 속기

by 닐기 2021. 10. 15.

 

See the Pen flex item by nilgi (@nilgi) on CodePen.

 

▸order: 순서 / 아이템의 순서를 재설정.
▸flex-grow / 아이템 크기를 비율로 지정.

▸flex-shrink / 아이템을 컨테이너 크기에 맞게 축소하지 않는다.

▸flex-basis / 지정값을 무시하고 다시 지정.

▸flex: 0 0 200px / 속기. flex-grow + shrink + basis