컨텐츠 1
Css 조각화 fragment는 콘텐츠가 여러 페이지, 영역 또는 열에서 끊어졌을 때 표시되는 방식을 정의한다. 이러한 단편화는 인라인 상자가 여러 줄로 줄 바꿈될 때, 또는 블록레벨 박스가 열 레이아웃 컨테이너 내에서 둘 이상의 열에 걸쳐 있거나 인쇄할 때 페이지 나누기에 걸쳐 있는 경우에도 발생한다!
컨텐츠 2
Css 조각화 fragment는 콘텐츠가 여러 페이지, 영역 또는 열에서 끊어졌을 때 표시되는 방식을 정의한다. 이러한 단편화는 인라인 상자가 여러 줄로 줄 바꿈될 때, 또는 블록레벨 박스가 열 레이아웃 컨테이너 내에서 둘 이상의 열에 걸쳐 있거나 인쇄할 때 페이지 나누기에 걸쳐 있는 경우에도 발생한다!
컨텐츠 3
Css 조각화 fragment는 콘텐츠가 여러 페이지, 영역 또는 열에서 끊어졌을 때 표시되는 방식을 정의한다. 이러한 단편화는 인라인 상자가 여러 줄로 줄 바꿈될 때, 또는 블록레벨 박스가 열 레이아웃 컨테이너 내에서 둘 이상의 열에 걸쳐 있거나 인쇄할 때 페이지 나누기에 걸쳐 있는 경우에도 발생한다! 
        
            
        
    
        
            body { max-width: 960px; margin: 0 auto; }

            .Spaning-column { column-count: 2; column-gap: 20px; }

            .Spaning-column > div {
                margin: 0 0 8px 0; background-color: rgb(207, 232, 220); border: 4px dotted rgb(156, 155, 151);
                break-inside: avoid;
            }

☞ 위 코드에서 break-inside: avoid; 부분을 주석 처리한 뒤의 모양과 비교해보십시오..