Angular 6 网格图块换行

Question

我有一些像这样的网格图块：

<mat-grid-list cols="2" rowHeight="200px">
<mat-grid-tile [colspan]="1" [rowspan]="1">
<h3>Some Title</h3>
<p>Some text</p>
</mat-grid-tile>
...
</mat-grid-list>

我希望文本显示如下：

Some Title
Some text

但它总是显示为

Some TitleSome text

我尝试过使用<br/>css 以及white-space:pre; content:"\a"; white-space:pre-wrap其他一些我正在空白的东西。

我觉得自己像个白痴，因为没有得到这个。

这是显示问题的 stackblitz https://angular-f9ficf.stackblitz.io

Answer 1

没关系，我已经弄清楚了。它需要包裹在 div 标签中。

<mat-grid-list cols="2" rowHeight="200px">
<mat-grid-tile [colspan]="1" [rowspan]="1">
<div>    
<h3>Some Title</h3>
<p>Some text</p>
</div>
</mat-grid-tile>
...
</mat-grid-list>