Question

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

我已经尝试在li和元素上设置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的解决方案对我不起作用。将此与代码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;
}

在jsTree上设置行高？

3 个答案: