CSS: перенос элементов

#css3 #html #javascript #css

                    
Существует решение для построения дерева с использованием HTML + CSS. Еще немного
JS используется для реализации функции свертывания узлов дерева.
Вот собственно и сам пример.
Проблема в том, что при большом количестве узлов, последние не помещаются в родительский
контейнер. Можете предложить какие-то идеи по устранению данной проблемы? Что только
не пробовал: и работал со свойством overflow и javascript задействовал - безрезультатно.
Буду рад как готовому решению, так и его словесному описанию. Заранее спасибо.
P.S.: Оригинал - CSS3 Family Tree    

Ответы

Ответ 1

Есть одна мысль. Сделать
ul { white-space: nowrap; }
li { display: inline-block!important; }

Но надо будет тогда css крепко править, чтобы нужный вид со всеми линиями сохранился