【问题标题】:Reducing line height in angular material tree减少角度材料树中的线高
【发布时间】:2018-12-31 03:54:07
【问题描述】:

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

【问题讨论】:

    标签: css angular angular-material angular6


    【解决方案1】:

    只需覆盖他们的 css:

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

    【讨论】:

    • 有没有办法根据font-sizemax-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;
    }
    

    【讨论】:

    • 似乎也适用于扁平树
    猜你喜欢
    • 2020-01-23
    • 1970-01-01
    • 2018-11-16
    • 2014-12-26
    • 2023-04-07
    • 1970-01-01
    • 2019-02-11
    • 2020-01-21
    • 2019-03-10
    相关资源
    最近更新 更多