여러 열에 나열하십시오

Question

10 개 (li) 개의 요소가있는 목록이 하나 있습니다. 그것들은 단일 열에 표시됩니다.

그 목록의 높이를 고정하면 어떻게 2 열 또는 3 열로 표시 할 수 있습니까?

Answer 1

CSS3 솔루션이 있지만 아직 브라우저에서 널리 구현되지 않았습니다. CSS의 속성 column-count를 사용하여이 예를 참조하십시오

http://jsfiddle.net/hwzpy/

가 현재는하지만 FF, 사파리와 크롬에서 작동합니다. 그렇지 않으면 자바 스크립트를 사용하거나 목록을 두 목록으로 나눠야합니다.

-edit-다른 답변에서 연결된 부동 소수점 변형은 정말 깔끔하고 그 사실을 모릅니다.

당신은 여기

$(document).ready(function() { 
    $('.mylist').cols(5); 
}); 

할 것 5 열로 .mylist의 클래스와 UL을 분할 예를 들어 jQuery-Columns Plugin으로 정말 쉽게 할 수

Answer 2

당신이 multiple column lists

Answer 3

이 질문은 이전 요청 받았다 확인할 수 있습니다. html css - how to create multiple column list?에 대한 토론을 참조하십시오. 이 작업을 수행하는 6 가지 방법을 다루는 유용한 A List Apart article도 있습니다.

Answer 4

는 live example on jsfiddle