P粉2621135692023-08-19 11:35:20
您需要使用Angular Material的网格列表组件。不仅仅是CSS。 请参考示例https://material.angular.io/components/grid-list/examples
P粉9039692312023-08-19 10:04:24
grid-column和grid-row属性需要适当的span值来确定一个网格块应该跨越多少列或行。
<mat-grid-list cols="4" rowHeight="100px"> <mat-grid-tile colspan="1" rowspan="2" style="background-color: lightpink;"> Three </mat-grid-tile> <mat-grid-tile colspan="1" rowspan="2" style="background-color: lightgreen;"> Two </mat-grid-tile> <mat-grid-tile colspan="3" rowspan="1" style="background-color: #DDBDF1;"> Four </mat-grid-tile> </mat-grid-list>