Список li в несколько колонок

[ShumNo]

Скорее из праздного любопытства, но если есть решение то оно пригодится для упрощения верстки

Имеем список

<ul>
    <li>Первый</li>
    <li>Второй</li>
    <li>Третий</li>
    <li>Четвертый</li>
    <li>Пятый</li>
    <li>Шестой</li>
    <li>Седьмой</li>
    <li>Восьмой</li>
    <li>Девятый</li>
</ul>

Хотелось бы чтобы список выстроился в несколько колонок, но так чтобы пункты формировались не в строчку, а в столбик

То есть не так

Первый - Второй - третий - четвертый
пятый - шестой - ...

А так

Первый —-- пятый
Второй —-- шестой
Третий —-- ......
Четвертый

А ограничителем кол-ва пунктов в столбце была высота

Вот как-то так

[psywalker]

А ограничителем кол-ва пунктов в столбце была высота

Т.е. чтобы список имел ограниченную высоту?

[ShumNo]

А ограничителем кол-ва пунктов в столбце была высота

Т.е. чтобы список имел ограниченную высоту?

Не не не высота, как ограничитель, чтобы вертикальный список не выстроился в одну колонку. Суть список в несколько колонок но выравнивание не горизонтальное а вертикальное

Пример еще один (цифры это содержимое li) стандартное поведение li и float

01 02 03 04 05
06 07 08 09 10
11 12 13 14 15

Нужное поведение списка

01 04 07 10 13
02 05 08 11 14
03 06 09 12 15

[SteeLZzZ]

<ul>

<pre>

<li>1</li>

<li>2</li>

<li>2</li>

</pre>

</ul>

[ShumNo]

А колонки?

[Justnewone]

пока ничего кроссбраузерного кроме какого-то плагина к JQ не встречал.

[ShumNo]

Justnewone а не кросбраузерное без JS?

[Justnewone]

список сделать строчным и смотреть как-то вот сюда.

[SelenIT]

Типа такого, если IE8+ и новые. В IE7 у меня вышло только задом наперед...

[SelenIT]

Вау! Кажись, методом научного бубна и в IE7 получилось!

Заодно разночтения между браузерами худо-бедно убрал...

Edited December 1, 2011 by SelenIT

[ShumNo]

Хитрая штука вышла. Спасибо!

[SelenIT]

Единственное, взяли меня тут сомнения по поводу IE10 (у меня под рукой пока нет, а он, по слухам, поддерживает и writing-mode, и колонки). Думаю, в боевых условиях добавку для IE8-9 (writing-mode и word-spacing для компенсации пробелов между инлайн-блоками, которые тут оказываются вертикальными) надо вынести в условные комменты. Но вообще, по-моему, вполне совместимое с жизнью решение вышло