为什么 md-tooltip 不接受换行符？

Question

如果{{row.entity.comment}} 太大，如何在我的md-tooltip 内容中添加换行符？

<md-tooltip class="large" md-direction="top">
  <span class="tooltip-text">{{row.entity.comment}}</span>
</md-tooltip>

Answer 1

除了接受的解决方案之外，我还必须覆盖 angular .md-tooltip white-space: nowrap

.md-tooltip {
    height: auto !important;
    white-space: normal;
}

Answer 2

将word-wrap 添加到md-tooltip类

.md-tooltip {
    word-wrap: break-word !important;
}

请记住，md-tooltip 设置为固定高度 22px。 您可以将 height 更改为 auto 以防止这种情况发生。

.md-tooltip {
    height: auto !important;
}