我想使Mat-icon具有多行工具提示。我以以下方式尝试了在工具提示中没有显示\ n的情况

时间:2018-08-22 08:04:16

标签: angular typescript angular-material material-design angular6

我尝试使用以下示例提供多行工具提示。您会看到\ n在工具提示中显示。我想休息一下,就像我们用html这样的工具提示一样 https://stackblitz.com/edit/angular-1e3np3-hbxpo2?file=app%2Ftooltip-auto-hide-example.css

1 个答案:

答案 0 :(得分:1)

它正在工作,但是如果您想获得更清晰的效果,则需要增加工具提示的宽度-StackBlitz

::ng-deep .material-tooltip {
  white-space: pre-line;
  max-width: 500px !important;
}

enter image description here