div 너비가 줄어들 때 확인 방법

display: flex를 이용하여 박스 표를 만들었을 때

 

Item 을 가로로 계속 추가하면 안의 콘텐츠 영역이 꽉 찰 때까지

 

div box를 계속 끼워 넣어서 div box 크기가 줄어든다

 

width가 줄어들지 않게 하는 방법은

 

item 요소에 

 

flex-shrink: 0;

 

을 넣으면 div box 의 width가 유지되면서 오른쪽에 계속 추가된다