4

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

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

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

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

谢谢...

4

3 回答 3

6

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

设置我的树variant: large

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

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

/* CSS */    
.jstree-node {
    font-size: 13pt;
}
于 2015-11-30T13:52:43.157 回答
3

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

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

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

.jstree-leaf a.jstree-clicked {
 height: 50px;
}
于 2012-06-23T05:48:11.640 回答
0

就其本身而言,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;
}
于 2014-07-14T22:10:43.390 回答