Html 如何减少同一mat选项中文本行之间的间距？

现在，我正在使用这些代码集，以便在选项中的文本太长而无法在一行中显示时，可以换行到下一行。

---

问题在于，环绕的mat选项中的文本行之间存在空白。（如图所示）。我想在同一个mat选项中减少行距。请建议您的解决方案，谢谢。

使用

线条高度

以下是一些示例（运行代码片段查看）：

*{
保证金：0；
填充：0；
}
.盒子{
边缘：1米；
填充：1em；
}
.一{
边框：1px实心；
}
.二{
边框：1px实心；
线高：30px；
}
.三{
边框：1px实心；
线高：5px；
}
.4{
边框：1px实心；
线高：0px；
}
.5{
边框：1px实心；
线高：50px；
}

你好

世界

正常线高

你好

世界

30px线高

你好

世界

5px线高

你好

世界

0px线高

你好

世界

50px线高

使用

行高

以下是一些示例（运行代码片段查看）：

*{
保证金：0；
填充：0；
}
.盒子{
边缘：1米；
填充：1em；
}
.一{
边框：1px实心；
}
.二{
边框：1px实心；
线高：30px；
}
.三{
边框：1px实心；
线高：5px；
}
.4{
边框：1px实心；
线高：0px；
}
.5{
边框：1px实心；
线高：50px；
}

你好

世界

正常线高

你好

世界

30px线高

你好

世界

5px线高

你好

世界

0px线高

你好

世界

50px线高

查看inspector，找出占用空间的内容。它可以是填充、边距、线条高度、边框，甚至是元素之间的flexbox间距。查看inspector以找出占用空间的内容。它可以是填充、边距、线条高度、边框，甚至是元素间距的flexbox。

::ng-deep .mat-select-panel mat-option.mat-option {
  height: unset;
}

::ng-deep .mat-option-text.mat-option-text {
  white-space: normal;
}