Question

我是jstree的新手，我已将其集成到我的项目中。下面是我的代码。

<div id="leaf" style"width:50px">
    <ul>
        <li>This is the first jstree leaf for testing</li> 
        <li>this is the second jstree leaf</li>
        <li>this is third</li>
    </ul>
</div>

我希望li不要相互重叠，因为我的div宽度只有50px，我知道这是CSS的工作，但我找不到这个类。

Answer 1

您可以使用内联样式，如果有的话，它将覆盖外部样式。使用min-width属性，这将根据列表项长度调整div。

<body>
<div id="leaf" style="min-width:50px">
    <ul>
        <li>This is the first jstree leaf for testing</li> 
        <li>this is the second jstree leaf</li>
       <li>this is third</li>
</ul>
</div>
</body>

检查Jfiddle：http://jsfiddle.net/#&togetherjs=GhIN00JQsr

Answer 2

这不是调用css <div id="leaf" style"width:50px">的正确方法您错过了需要更改=

的<div id="leaf" style="width:50px">符号

Answer 3

我认为您要查找的班级名称是jstree-leaf。您可以尝试增加该类的宽度：

.jstree-leaf {
  width: 100px;
}

jstree code view

另请注意，您在=的样式属性中缺少<div>：

<div id="leaf" style="width:50px">

如何为jstree </li>中的<li>标签指定宽度

3 个答案: