4

複数レベルのツリーを作成するために jstree を使用しています。大きな見出しを表示できるように、通常よりも大きな行の高さを設定できるようにしたいと考えています。（フォントを大きくすると、線が重なるだけです。）

li 要素と a 要素に line-height CSS プロパティを設定しようとしましたが、どちらも効果がありません。jstree は、これらの値をプログラムでオーバーライドしているようです。(ツリーの作成後に jQuery を使用してこれらの値を再設定しようとしましたが、それは役に立ちませんでした。)

物事をより複雑にするために、トップレベルがより深いレベルよりも大きくなるように、さまざまなレベルに異なる間隔を持たせたいと考えています。

テーマ プラグインを試しましたが、行の高さを制御するものが見つかりません。

ありがとう...

4

3 に答える 3

6

FWIW、これは私にとってはうまくいきました。非常に大きな見出しサイズは得られませんが、私の好みに合わせてサイズを完全に大きくします。

私のツリーをセットアップするvariant: large

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

次に、すべてのノードの font-size も変更します。

/* 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 に答える