Css 在jsTree上设置行高度?
我正在使用jstree创建一个多级树,我希望能够设置一个比您通常看到的更大的行高度,这样我就可以有一些大标题。(如果我将字体设置得更大,则行只会重叠。) 我已经尝试在li和a元素上设置行高CSS属性,但都没有效果;jstree似乎在以编程方式重写这些值。(我甚至尝试在创建树后使用jQuery重新设置这些值,但没有帮助。) 为了让事情变得更复杂,我希望不同的层次有不同的间距,这样顶层可以比深层更大 我尝试过主题插件,但我找不到任何东西来控制线的高度Css 在jsTree上设置行高度?,css,jstree,Css,Jstree,我正在使用jstree创建一个多级树,我希望能够设置一个比您通常看到的更大的行高度,这样我就可以有一些大标题。(如果我将字体设置得更大,则行只会重叠。) 我已经尝试在li和a元素上设置行高CSS属性,但都没有效果;jstree似乎在以编程方式重写这些值。(我甚至尝试在创建树后使用jQuery重新设置这些值,但没有帮助。) 为了让事情变得更复杂,我希望不同的层次有不同的间距,这样顶层可以比深层更大 我尝试过主题插件,但我找不到任何东西来控制线的高度 谢谢…增加元素的高度有帮助吗 .jstree-l
谢谢…增加元素的高度有帮助吗
.jstree-leaf {
font-size: 37px;
height: 50px;
}
.jstree-leaf a.jstree-hovered {
height: 50px;
}
.jstree-leaf a.jstree-clicked {
height: 50px;
}
就其本身而言,MMeah的解决方案并不适用于我。将此与代码结合起来,并将高度更改为
auto
对我来说很有效。请参阅完整答案
FWIW,这对我很有效。它不会给你超大的标题大小,但它增加了我喜欢的大小完美 使用
variant:large设置我的树
//jstree config
$("#tree").jstree({
"core" : {
"themes" : {
"variant" : "large"
}
}
// ...
});
然后还要更改所有节点的字体大小:
/* CSS */
.jstree-node {
font-size: 13pt;
}
我们可以得到一个小提琴或屏幕截图吗?完整的工作代码在这里:[。谢谢!这是我需要的线索,谢谢!下面是完整的答案:好的,我花了太长时间编辑它,所以这里是:你也需要设置。jstree关闭并设置。jstree打开为“自动”。我已经把整个示例放在一起了(包括不同级别的不同尺寸)此处:[link]。谢谢!@NickChase如果您将解决方案作为答案发布在此处,将非常有用。
/* CSS */
.jstree-node {
font-size: 13pt;
}