jsTree의 행 높이 설정?

Question

jstree를 사용하여 다중 레벨 트리를 만들었습니다. 일반적으로 볼 수있는 것보다 큰 선 높이를 설정하여 큰 제목을 가질 수 있기를 바랍니다. 글꼴을 크게 설정하면 선이 겹칩니다.

li 및 a 요소에는 line-height CSS 속성을 설정했지만 효과가 없습니다. jstree는 프로그래밍 방식으로 이러한 값을 무시하는 것 같습니다. (심지어 jQuery를 사용하여 트리를 만든 후에 값을 다시 설정하려고했지만 도움이되지 않았습니다.)

일을 더 복잡하게 만들려면 다른 레벨에 다른 간격을 지정하고 싶습니다. 레벨은 더 깊은 레벨보다 클 수 있습니다.

테마 플러그인을 사용해 보았지만 행 높이를 제어 할 수있는 것이 없습니다.

감사합니다 ...

Answer 1

요소의 높이를 높이는 데 도움이됩니까?

.jstree-leaf { 
font-size: 37px; 
height: 50px; 
} 

.jstree-leaf a.jstree-hovered { 
height: 50px; 
} 

.jstree-leaf a.jstree-clicked { 
height: 50px; 
} 

Answer 2

자체적으로 MMeah의 솔루션이 저에게 효과적이지 않았습니다. 이 코드를 here과 결합하고 높이를 auto으로 변경하면 효과가있었습니다. 답은 here입니다.

.jstree-default a { 
    white-space:normal !important; height: auto; 
} 
.jstree-anchor { 
    height: auto !important; 
} 
.jstree-default li > ins { 
    vertical-align:top; 
} 
.jstree-leaf { 
    height: auto; 
} 
.jstree-leaf a{ 
    height: auto !important; 
} 

Answer 3

FWIW, 이것은 나에게 잘 맞았습니다. 그것은 당신에게 초대형 헤딩 사이즈를주지는 않지만, 좋아하는만큼 사이즈를 증가시킵니다.

설정 한 후 variant: large

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

및 내 나무는 모든 노드의 글꼴 크기를 변경 :

/* CSS */  
.jstree-node { 
    font-size: 13pt; 
}