是否有与Angular按钮相关的属性设置为调整插入文本的大小？

Question

我正在使用 mat-grid-list 来重现矩阵。我想将文本插入按钮并在大小超过外部 space 时将其显示在多行中。有没有属性可以设置？感谢您的帮助！

复制：https://stackblitz.com/edit/grid-list-with-buttons?file=src/app/grid-list-dynamic-example.html

预期结果：resized text

Answer 1

只需在按钮样式处添加white-space: normal;即可。

<button mat-button style="background-color: #0000ff; color: #fff; white-space: normal; " >
  {{tile.text}}
</button>