Бортовой журнал Ктулху
Глупость - дар божий, но злоупотреблять им не следует (Бисмарк)

Список ul li в несколько колонок с сортировкой по вертикали

Бывают ситуации, когда простой список (ul > li) требуется вывести в виде нескольких колонок.

Простой способ - задать элементу <li> значение float:left. Но в этом случае порядок будет таким:

 

ae9cad7949

А если сортировать нужно по вертикали?

WKAxkoNIwnG528

Для этого написан плагин jQuery.

https://github.com/weblinc/jquery-columnlist

Плагин позволяет разбивать список на необходимое количество столбцов, дальше средствами css можно расположить как угодно.

$('ul.column-list-js').columnlist({ size: 3 });

Указать нужно только класс для ul и количество колонок.

Рейтинг@Mail.ru
Яндекс.Метрика
Hosting Ukraine
Счетчик PR-CY.Rank
Счетчик PR-CY.Rank