jstree: ràng buộc chiều rộng

Question

Tôi có một jstree với một số subtrees trên một trang và muốn hiển thị một cái gì đó khi lựa chọn một chi nhánh. Văn bản được hiển thị sẽ xuất hiện bên cạnh cây, nhưng vì một số lý do, jstree đang chiếm hết không gian trong div, do đó div văn bản được đặt bên dưới. Cây và div nên cả hai vị trí liên quan đến div đóng gói và nổi bên trái.

Có cách nào để hạn chế chiều rộng của cây (thiết lập kiểu = "width = 100px" trên div cây không hoạt động) không? Hoặc một cách khác để đặt văn bản ngay bên cạnh cây mà không cần đặt nó tuyệt đối?

Answer 1

Vâng, có vẻ như tôi phải sống với vấn đề này và thay đổi bố cục của tôi.

Answer 2

sử dụng chiều rộng tối đa. Ví dụ: chiều rộng tối đa: 100px; đặt chiều rộng tối đa là 100px.

Answer 3

Bạn phải tạo một DIV mà kết thúc tốt đẹp jstree-DIV của bạn, một cái gì đó như thế:

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

Bây giờ thiết lập wrapper CSS tràn tài sản để auto và thiết lập kích thước tối đa:

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