колонки списка одинаковой высоты

[cyklop77]

помогите пожалуйста решить проблему. устроит даже css3-, js-решение

есть <ul><li> список. длина строк в каждом <li> очень различается. необходимо преобразовать этот список в 3 колонки равной высоты

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

[Viper]

мне же нужны колонки одинаковой высоты

но разной ширины? или одинаковых размеров, но в 2-х других, в которых контента больше, будет скролл? или какой результат ожидается?)

[cyklop77]

мне же нужны колонки одинаковой высоты

но разной ширины? или одинаковых размеров, но в 2-х других, в которых контента больше, будет скролл? или какой результат ожидается?)

на картинке, которую я привел в 1 и 2 колонке по 8 пунктов. но строки разной длины поэтому колонки получаются разной высоты. нужно чтобы в каждой колонке было равное количество строк(количество пунктов может меняться). по ширине колонки должны быть равны. скролл не нужен.

небольшая разница в высоте все же возможна(+/- 1 строка).

примерно так

Edited November 23, 2012 by cyklop77

[Viper]

Такое? - _http://jsfiddle.net/2dVMh/5/

Поддержка - _http://caniuse.com/#feat=multicolumn

Для IE:

_http://welcome.totheinter.net/columnizer-jquery-plugin/

Edited November 23, 2012 by Viper

[cyklop77]

спасибо

[cyklop77]

я обнаглею ещё немного. твой код работает так, что в пределах одного пункта первая часть строки может находиться в первом столбце, а вторая часть строки - во втором. возможно от этого избавиться?

[Viper]

я обнаглею ещё немного. твой код работает так, что в пределах одного пункта первая часть строки может находиться в первом столбце, а вторая часть строки - во втором. возможно от этого избавиться?

Вроде помогло:

ul li {
    display: inline-block;
    overflow: hidden; /* Opera при этом более корректно распределяет элементы */
}

Но Opera у меня не лучшим образом строит алгоритм сортировки элементов... Последний столбик часто заполняется далеко не равномерно другим.