multi column (1) 썸네일형 리스트형 생활코딩 CSS_9.9 다단(Multi Column) 9.9 다단(Multi Column) 화면을 여러개의 열로 나눈 구조. 단의 개수 단의 개수를 지정해서 나눌 수 있다. /*단을 2개로 나눈다*/ .column{ column-count: 2; } 단의 폭을 지정해서 나눌 수 있다. 현재 화면의 크기에 따라 단의 개수가 결정된다. /*한 단의 폭이 200px이 되도록 단을 나눈다*/ .column{ column-width: 200px; } column-width속성과 column-count 속성을 동시에 부여하면 column-width의 값에 따라 단의 개수를 나누되 column-count 값보다 많아지지 않는다. /*화면 폭이 ~600px 일 때 까지 단이 2개, ~800px일 때 까지 단이 3개이고 그 이후론 창이 커져도 단의 개수가 늘어나지 않는다... 이전 1 다음