减少角度材料树中的行高

Lea*_*ess 6 css angular-material angular angular6

我正在使用有角度的树材料来显示 JSON 数据,我对行之间的白色间距数量不满意。我尝试mat-tree-node.line-height在 css 中进行零更改。如何减少所有这些垂直空白?

在此处输入图片说明

Ale*_*nic 9

只需覆盖他们的css:

.mat-tree-node { min-height: 30px }
Run Code Online (Sandbox Code Playgroud)

  • 是的,输入:“min-height: 1.5em;”,但请注意左箭头的高度为 40px,因此您可能还需要减小他的高度。 (2认同)

Pip*_*ipo 7

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

.mat-tree-node {
  min-height: 1.2em !important;
  height: 1.2em;
}
Run Code Online (Sandbox Code Playgroud)