减少角度材料树中的线高

Posted 2023-03-06

【中文标题】减少角度材料树中的线高

【英文标题】：Reducing line height in angular material tree

【发布时间】：2018-12-31 03:54:07

【问题描述】：

我正在使用angular tree material 来显示 JSON 数据，我对行之间的空白量不满意。我尝试在 css 中使用 mat-tree-node.line-height 进行零更改。如何减少所有这些垂直空白？

【参考方案1】：

只需覆盖他们的 css：

.mat-tree-node  min-height: 30px 

【讨论】：

有没有办法根据font-size 将max-height 设置为1.5x？我对 css 很不熟悉，也许我应该在其他地方问。

可以，输入：min-height: 1.5em;，但请注意左箭头的高度为 40px，因此您可能还需要降低他的高度。

确实，再次感谢您的输入和及时性。

是min-height 还是max-height？

最小高度

【参考方案2】：

我发现在嵌套元素（和嵌套树）上使用 angular 8 的唯一工作方式是

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

【讨论】：

似乎也适用于扁平树