정렬되지 않은 목록 스타일 지정

Question

특정 높이에 값을 계속 추가하고 나머지를 오른쪽으로 띄우고 계속 프로세스를 계속하는 자체 조정 목록을 만드는 방법을 알고 싶습니다.

설명하기 위해 이미지를 추가했습니다. 나는 대답이 아마 간단하다는 것을 알고있다. 그러나 나는 그것을 처리 할 것 같지 않다.

Answer 1

칼럼 카운트 속성은 요소들로 분할한다 열의 수를 지정한다.

Link 답에.

.classname { 
    -webkit-column-count: 3; /* Chrome, Safari, Opera */ 
    -moz-column-count: 3; /* Firefox */ 
    column-count: 3; 

    -webkit-column-gap: 40px; /* Chrome, Safari, Opera */ 
    -moz-column-gap: 40px; /* Firefox */ 
    column-gap: 40px; 

    -webkit-column-rule: 4px outset #ff00ff; /* Chrome, Safari, Opera */ 
    -moz-column-rule: 4px outset #ff00ff; /* Firefox */ 
    column-rule: 4px outset #ff00ff; 
}