Css 在jsTree上设置行高度?

Css 在jsTree上设置行高度?,css,jstree,Css,Jstree,我正在使用jstree创建一个多级树,我希望能够设置一个比您通常看到的更大的行高度,这样我就可以有一些大标题。(如果我将字体设置得更大,则行只会重叠。) 我已经尝试在li和a元素上设置行高CSS属性,但都没有效果;jstree似乎在以编程方式重写这些值。(我甚至尝试在创建树后使用jQuery重新设置这些值,但没有帮助。) 为了让事情变得更复杂,我希望不同的层次有不同的间距,这样顶层可以比深层更大 我尝试过主题插件,但我找不到任何东西来控制线的高度 谢谢…增加元素的高度有帮助吗 .jstree-l

我正在使用jstree创建一个多级树,我希望能够设置一个比您通常看到的更大的行高度,这样我就可以有一些大标题。(如果我将字体设置得更大,则行只会重叠。)

我已经尝试在li和a元素上设置行高CSS属性,但都没有效果;jstree似乎在以编程方式重写这些值。(我甚至尝试在创建树后使用jQuery重新设置这些值,但没有帮助。)

为了让事情变得更复杂,我希望不同的层次有不同的间距,这样顶层可以比深层更大

我尝试过主题插件,但我找不到任何东西来控制线的高度


谢谢…

增加元素的高度有帮助吗

.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;
}