CSS에서 공간이 부족할 때 flex 블록의 압축
부모 요소 안에 가로로 배열된 세 개의 플렉스 블록이 있다고 가정해 보겠습니다.
각 자식 블록의 너비는 100px로 설정되어 있고,
부모 요소의 너비는 300px로 설정되어 있습니다:
이제 자식 블록의 총 너비가 부모 요소의 너비보다 커지도록 더 많은 블록을 추가해 보겠습니다. 이 경우 예상치 못한 효과가 나타납니다. 명시적으로 너비가 지정되었음에도 불구하고, 모든 블록이 부모 요소 안에 맞도록 너비가 줄어듭니다:
이론 부분의 예시를 따라 해 보세요.
