jquery - 动态调整包含 Jstree Tree 的 div 的宽度

Question

我有以下布局:

<div id="tree" class="jstree"></div>

它会生成一个包含多级 ul 和 li 元素的 jstree。我设置了 overflow:auto 以便在展开或折叠元素时出现滚动条。我想要发生的是动态调整 #tree 的宽度，这样当您展开元素时，它会调整大小，这样就不会有水平滚动。

这是一个描述我在说什么的 fiddle :http://jsfiddle.net/0xwg3c2c/

Answer 1

您可以使用 display:inline-block; 使元素根据其内容调整大小。

.container {
    display:inline-block;
    border: 1px black solid;
    min-width: 150px;
    min-height: 100px;
}