css - jstree: 制約幅

Question

ページに複数のサブツリーを持つ jstree があり、ブランチを選択すると何かを表示したいと考えています。表示されるテキストはツリーの横に表示されるはずですが、何らかの理由で jstree が div のすべてのスペースを占有しているため、テキスト div が下に配置されています。ツリーと div は両方とも、カプセル化された div と float left に対して相対的に配置する必要があります。

ツリーの幅を制限する方法はありますか (ツリー div で style="width=100px" を設定しても機能しません)。または、テキストを絶対に配置せずにツリーのすぐ隣に配置する別の方法はありますか?

Answer 1

次のような jstree-DIV をラップする DIV を作成する必要があります。

<div id="wrap">
  <div id="jstree">
    // Here you have your tree 
  </div>
</div>

ラッパーの CSSオーバーフロープロパティをautoに設定し、最大サイズを設定します。

#wrap {
    width: 200px;
    height: 400px;
    overflow: auto;
}

Answer 2

最大幅を使用します。例 max-width:100px; 最大幅を 100px に設定します。

Answer 3

さて、私はこの問題に対処し、レイアウトを変更する必要があるようです。