无法调整Mat-tree中列表项的行高

时间:2019-06-01 03:29:20

标签: css angular treeview

我正在Angular 7应用程序中使用mat-tree。看起来像这样:

C:\Users\Pranavs\Desktop\Untitled1.cpp  In function 'void degrees_Fto_C(float)':
C:\Users\Pranavs\Desktop\Untitled1.cpp  [Error] 'f' cannot be used as a function

enter image description here

请注意,每个节点在垂直方向上确实间隔很远。这就是我要调整的。

我已经尝试了一切。我已经尝试过设置上述标记中各种元素的高度,行高,边距,填充等的样式,但是没有任何效果。

根据此网站:

https://www.w3schools.com/tags/tryit.asp?filename=tryhtml_ul_compact_css

我应该能够在ul元素上设置行高,但是我尝试了,但是行不通。

谁能告诉我我该怎么办?谢谢。

3 个答案:

答案 0 :(得分:0)

是的,是的,您应该能够设置ul或li元素的行高。但是,您尚未为上述代码粘贴CSS。请给我们CSS或创建https://plnkr.co/ 这样我们就可以调试并为您提供帮助。 ul或li元素中也可能有边距或填充,请检查一下。

答案 1 :(得分:0)

只需使用.css覆盖最小高度,例如

.mat-tree-node {
    min-height:1.6rem; //min-heigth:0 if you want the min heigth possible
}

答案 2 :(得分:0)

我发现角度8 在嵌套元素(和嵌套树)上的唯一工作方式是

.mat-tree-node {
  min-height: 1.2em !important;
  height: 1.2em;
}