首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >如何在jstree中为<li>标签分配宽度

如何在jstree中为<li>标签分配宽度
EN

Stack Overflow用户
提问于 2015-01-06 12:14:56
回答 3查看 575关注 0票数 0

我对jstree还不熟悉,我已经把它集成到我的项目中了。下面是我的代码。

代码语言:javascript
代码运行次数:0
运行
复制
<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的工作,但我找不到类。

EN

回答 3

Stack Overflow用户

发布于 2015-01-06 12:30:53

您可以使用内联样式,它将覆盖外部样式(如果有)。使用最小宽度属性,这将根据它的列表项长度来调整div。

代码语言:javascript
代码运行次数:0
运行
复制
<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

票数 2
EN

Stack Overflow用户

发布于 2015-01-06 12:27:32

这不是调用css <div id="leaf" style"width:50px">的正确方式您错过了=符号您需要像<div id="leaf" style="width:50px">一样更改它

票数 1
EN

Stack Overflow用户

发布于 2015-01-06 12:23:47

我想你要找的类名是jstree-leaf。您可以尝试增加该类的宽度:

代码语言:javascript
代码运行次数:0
运行
复制
.jstree-leaf {
  width: 100px;
}

还要注意,叶<div>的样式属性中缺少和=

代码语言:javascript
代码运行次数:0
运行
复制
<div id="leaf" style="width:50px">
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/27792000

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档