在 jsTree 上设置行高？答案

【问题标题】：Setting line-height on a jsTree?在 jsTree 上设置行高？
【发布时间】：2012-06-22 20:32:32
【问题描述】：

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

我尝试在 li 和 a 元素上设置 line-height CSS 属性，但都没有效果； jstree 似乎以编程方式覆盖了这些值。（我什至尝试在创建树后使用 jQuery 重新设置这些值，但这没有帮助。）

为了让事情变得更复杂，我想让不同的层次有不同的间距，这样顶层就可以比更深的层次更大。

我试过主题插件，但找不到任何东西来控制行高。

谢谢...

【问题讨论】：

我们能得到小提琴或屏幕截图吗？
完整的工作代码在这里：[nicholaschase.com/jstree/test.html].谢谢！

标签： css jstree

【解决方案1】：

FWIW，这对我来说效果很好。它不会给你超大的标题尺寸，但它会根据我的喜好完美地增加尺寸。

用variant: large设置我的树

//jstree config
$("#tree").jstree({
  "core" : {
    "themes" : {
      "variant" : "large"
    }
  }
  // ...
});

然后更改所有节点的字体大小：

/* CSS */    
.jstree-node {
    font-size: 13pt;
}

【讨论】：

【解决方案2】：

增加元素的高度有帮助吗？

.jstree-leaf {
 font-size: 37px;
 height: 50px;
}

.jstree-leaf a.jstree-hovered {
 height: 50px;
}

.jstree-leaf a.jstree-clicked {
 height: 50px;
}

【讨论】：

这正是我需要的线索，谢谢！这是完整的答案：
好的，我花了太长时间来编辑它，所以这里是：您还需要设置 .jstree-closed 并将 .jstree-open 设置为“auto”。我把整个样本（包括不同级别的不同尺寸）放在一起：[链接]nicholaschase.com/jstree/test.html。谢谢！
@NickChase 如果您在此处发布您的解决方案作为答案将会很有帮助。

【解决方案3】：

就其本身而言，MMeah 的解决方案对我不起作用。将此与代码 here 结合起来并将高度更改为 auto 对我有用。查看完整答案here。

.jstree-default a { 
    white-space:normal !important; height: auto; 
}
.jstree-anchor {
    height: auto !important;
}
.jstree-default li > ins { 
    vertical-align:top; 
}
.jstree-leaf {
    height: auto;
}
.jstree-leaf a{
    height: auto !important;
}

【讨论】：