jstree: ancho de restricción

Question

Tengo un jstree con varios subárboles en una página y me gustaría mostrar algo al seleccionar una rama. El texto que se muestra debe aparecer junto al árbol, pero por alguna razón, jstree ocupa todo el espacio en el div, por lo que el texto div se coloca debajo. El árbol y div deben estar posicionados en relación con el div encapsulante y flotar a la izquierda.

¿Hay alguna manera de restringir el ancho del árbol (configuración style = "width = 100px" en el tree div no funciona)? ¿O otra forma de colocar el texto justo al lado del árbol sin tener que colocarlo en forma absoluta?

Answer 1

Bueno, parece que tengo que vivir con este problema y cambiar mi diseño.

Answer 2

uso max-width. P. ej. ancho máximo: 100 px; establecer ancho máximo a 100px.

Answer 3

Tienes que crear un DIV que envuelve su jstree-DIV, algo así:

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

Ahora sistema de la envoltura CSS desbordamiento propiedad a automático y establecer tamaño máximo:

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