Question

我在Angular中有以下html我使用mat-grid-list来排列我的元素，我想在它们之间添加分隔符，问题是分隔符总是在任何mat-grid之前被推到顶部出现：

<mat-grid-list rowHeight="40px" cols="8">
<mat-grid-tile colspan='1'>
    <p>Edit title:</p>
</mat-grid-tile>
<mat-grid-tile colspan='7'>
    <some-component></some-component>
</mat-grid-tile>
<mat-divider></mat-divider>
<mat-grid-tile colspan='1'>
    <p>Edit title:</p>
</mat-grid-tile>
<mat-grid-tile colspan='7'>
    <some-component></some-component>
</mat-grid-tile>

如果我这样说的话它也不起作用：

<mat-grid-tile colspan='8'>
  <mat-divider></mat-divider>
</mat-grid-tile>

有人有想法吗？

Answer 1

<mat-grid-tile colspan='8'>
    <mat-divider style="width: 100%;"></mat-divider>
</mat-grid-tile>

style="width: 100%;"解决了问题

mat-grid-list没有正确显示mat-divider

1 个答案: