防止多层李水平破碎

Question

我使用LI来创建树的代码如下 - 问题：当树节点大于屏幕宽度时，li会断开新线 对于所有树节点级别，所以我需要防止li打破并使页面滚动
这是我的代码：

[https://jsfiddle.net/naadydev/xq8a3ztz/2/][1] 

Answer 1

将white-space: nowrap;添加到包含ul并将子li的显示更改为     inline-block;。

演示 http://jsfiddle.net/5CadG/

#list {
    white-space: nowrap;
}
.tree li {
    /* float: left; */ /* REMOVD */
    display: inline-block;
    /* rest of your styles */
}