css - 在 jsTree 上设置行高？

Question

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

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

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

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

谢谢...

Answer 1

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

设置我的树variant: large

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

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

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

Answer 2

它有助于增加元素的高度吗？

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

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

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

Answer 3

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

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