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>