div {
display: -webkit-flex; /* Safari */
-webkit-flex-wrap: wrap; /* Safari 6.1+ */
display: flex;
flex-wrap: wrap;
}
이 columns속성은 다음에 대한 속기 속성입니다.
열 너비 부분은 각 열의 최소 너비를 정의하지만 열 수 부분은 최대 열 수를 정의합니다.
이 속성을 사용하면 다중 열 레이아웃이 미디어 쿼리 나 다른 규칙없이 좁은 브라우저 너비로 단일 열로 자동 분해됩니다.
columns: auto|column-width column-count|initial|inherit;