jstree: ширина ограничения

Question

У меня есть jstree с несколькими поддеревьями на странице, и я хотел бы что-то отобразить при выборе ветки. Отображаемый текст должен отображаться рядом с деревом, но по какой-то причине jstree занимает все пространство в div, поэтому текстовый div размещается под ним. Дерево и div должны располагаться относительно инкапсулирующего div и плавать влево.

Есть ли способ ограничить ширину дерева (настройка style = "width = 100px" для дерева div не работает)? Или другой способ разместить текст прямо рядом с деревом, не располагая его абсолютным?

Answer 1

Вы должны создать DIV, который обернет ваш jstree-DIV, что-то вроде этого:

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

Теперь установите свойство CSS overflow для оболочки auto иустановить максимальный размер:

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

Answer 2

использовать максимальную ширину. Например. макс-ширина: 100px; установите максимальную ширину 100px.

Answer 3

Что ж, похоже, я должен смириться с этой проблемой и изменить свой макет.